Solucionado
Fiz com que os botões e os links mudem de tamanho quando o mouse está em cima para causar um "efeitinho" legal
.lista__link a:hover{
color: var(--botao-azul);
font-size: 17px;
}
.lista__link a:active{
color: #7fb5f6;
}
.container__botao:hover{
background-color: var(--botao-azul-efeito);
color: var(--cor-de-fundo);
transform: scale(1.05);
}
Olá, Renan.
Tudo bem?
Parabéns por adicionar um efeito legal ao seu projeto! É sempre bom deixar as páginas mais interativas e agradáveis para os usuários.
Sobre o seu código, percebi que você utilizou as pseudo-classes :hover e :active para aplicar as mudanças de tamanho e cor nos botões e links. Isso é uma ótima prática e ajuda a melhorar a experiência do usuário.
Além disso, você também utilizou a propriedade transform para aumentar o tamanho do botão quando o mouse está em cima. Essa é outra técnica interessante para adicionar efeitos visuais às páginas.
Continue praticando e explorando novas possibilidades com HTML e CSS. Espero ter ajudado e bons estudos!