so consigo dar o efeito no botao apenas no desenho do icone e nao no botao inteiro
so consigo dar o efeito no botao apenas no desenho do icone e nao no botao inteiro
Eae Carlos, tudo bem? Consegue postar o seu código aqui pra gente dar uma olhada?
html
Olá! Sou Carlos Frota, iniciante na area de programção, atualmente cursando faculdade de engenharia de software e fazendo cursos da alura. Vamos conversar
css
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');
{
margin: 0; padding: 0; }
body { height: 100vh; box-sizing: border-box; background-color: #000000; color: #f6f6f6; }
.destaquetitulo { color: #22d4fd; }
.apresentacao{ margin: 10% 10%; display:flex; align-items: center; justify-content: space-between; }
.apresentacao__conteudo { width: 615px; display: flex; flex-direction: column; gap: 40px; }
.apresentacao__titulo { font-size: 36px; font-family:'Krona One', sans-serif; }
.apresentacao__paragrafo { font-size: 24px; font-family: 'Montserrat', sans-serif;
} .apresentacao__botao { display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 15px; }
.apresentacao__subtitulo { font-family: 'Krona One', sans-serif; font-weight: 400; font-size: 24PX; }
.botao__link { display: flex; justify-content: center; gap: 16px; border: solid 2px #22d4fd; width: 250px; text-align: center; border-radius: 8px; font-size: 15px; font-weight: 600; padding: 10px 0 ; text-decoration: none; color: #F6F6F6; font-family: 'Montserrat', sans-serif;
}
.botao__link :hover{ background-color: #272727; padding: 3%;
}
bem irregular