Treinando Pseudo-Classes

Segue a estrutura do meu código usando pseudo-classes:

:root {
    --branco-principal: #FFFFFF;
    --cinza-secundario: #C0C0C0;
    --botao-azul: #167BF7;
    --botao-azul-claro-hover: #99bfee;
    --cor-de-fundo: #00030C;
    --cor-cinza-escuro:#7a7878;
    --fonte-principal: 'Inter';   

}

.container__botao:hover {
    background-color: var(--botao-azul-claro-hover);
    color: var(--cor-de-fundo);    
}

.lista__link a:hover {
    color: var(--cor-cinza-escuro);
}

.lista__link a:active {
    color: var(--botao-azul);
}

.rodape a {
    color: var(--branco-principal);
    text-decoration: none;
}

.rodape a:hover {
    text-decoration: underline;
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade link usando pseudo-classe active na imagem abaixo: