Segue o resultado do que eu fiz, eu utilizei ambas pseudoclasses :hover e active tanto no rodapé quanto no card e tópicos.
Basicamente utilizei o código da seguinte forma.
.lista-rodape__link:hover{
color: var(--cinza-claro);
}
.lista-rodape__link:hover:active{
color: var(--laranja);
}
.topicos__link:hover{
background-color: var(--laranja-claro);
}
.topicos__link:active:hover{
background-color: var(--azul-escuro);
}
E o resultado saiu assim ao passar o mouse em cima e ao clicar:
Segue a pasta de meu projeto https://github.com/Renan-Marcelo-Nascimento/AluraBooks_projeto
