Solucionado
A função hover não está funcionando para mim.
.apresentacao__links__link {
display: flex;
justify-content: center;
gap: 16px;
border: 2px solid #22D4FD;
font-size: 24px;
font-weight: 600;
width: 378px;
text-align: center;
border-radius: 8px;
padding: 21px 0;
text-decoration: none;
color: #F6F6F6;
font-family: 'Montserrat', sans-serif;
}
.apresentacao__links__link: :hover {
background-color: #272727;
}
Olá Letícia! Como vai?
Observando o código informado, vi que você utilizou duas vezes o ":" para chamar a psudoclasse hover.
Remova um destes ":", deixando da maneira a seguir e teste novamente.
.apresentacao__links__link:hover {
background-color: #272727;
}
Olá Letícia, como vai? Espero que sim!
Como o Kaik disse, o problema está no sinal : que foi repetido e também no espaçamento a mais.Observe no código abaixo que o hover está colado na classe, após corrigir isso quando você passar o mouse por cima dos links a cor será alterada.
.apresentacao__links__link :hover {
background-color: #272727;
}
Espero ter ajudado!
Caso surjam dúvidas, fico à disposição.
Abraços e bons estudos!