.lista__link a:hover{
color: var(--botao-azul);
}
.lista__link a:active{
color: blueviolet;
}
.container__botao:hover{
background-color: var(--botao-azul-efeito);
color: rgb(0, 0, 0);
border: solid #ffffff;
}
.lista__link a:hover{
color: var(--botao-azul);
}
.lista__link a:active{
color: blueviolet;
}
.container__botao:hover{
background-color: var(--botao-azul-efeito);
color: rgb(0, 0, 0);
border: solid #ffffff;
}
Olá, Felipe, como vai?
Seu uso de pseudo-classes para estilização de interações está correto. Você aplicou adequadamente o :hover e :active nos links, além de incluir efeitos visuais consistentes no botão com mudança de cor de fundo e borda. Obrigado por compartilhar seu exercício. Continue explorando esses recursos para criar interfaces mais interativas. O fórum está à disposição para dúvidas futuras.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!