3
respostas

curso de html e css

so consigo dar o efeito no botao apenas no desenho do icone e nao no botao inteiro

3 respostas

Eae Carlos, tudo bem? Consegue postar o seu código aqui pra gente dar uma olhada?

html

Eleve seu negócio digital a outro nível com um Front-end de qualidade!

Olá! Sou Carlos Frota, iniciante na area de programção, atualmente cursando faculdade de engenharia de software e fazendo cursos da alura. Vamos conversar

Acesse minhas redes:

github Linkedin
 foto do linkedin

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