.apresentacao__links__link{
/* background-color: #22D4FD; */
display: flex;
justify-content: center;
gap: 16px;
border: 2px solid #22D4FD;
width: 378px;
text-align: center;
border-radius: 8px;
font-size: 24px;
font-weight: 600;
padding: 21.5px 0;
text-decoration: none;
color: #F6F6F6;
font-family: 'Montserrat', sans-serif;
}
.apresentacao__links__link:hover{
background-color: #272727;
}
Oi, Giovani! Como vai?
Obrigada por compartilhar seu código com a comunidade Alura!
Gostei de como você estruturou o hover para alterar o fundo do botão. A borda e o espaçamento estão bem definidos, deixando o botão visualmente agradável.
Uma dica interessante é personalizar o cursor ao passar o mouse, reforçando a interatividade. Você pode fazer isso com cursor: pointer; no hover. Por exemplo:
.apresentacao__links__link:hover {
background-color: #272727;
cursor: pointer;
}
Isso faz com que o cursor mude para a mãozinha ao passar sobre o botão, indicando que ele é clicável.
Parabéns pelo ótimo trabalho nessa atividade :)
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!