Solucionado
Adicioneu o Hover também no botão de "Assinar somente o Alura+"
.botao_secundario:hover {
background-color: var(--botao-transparente-efeito);
opacity: 0.5;
color: var(--cor-de-fundo);
border-color: var(--cor-de-fundo);
}Utilizando o atributo de opacidade com cinza para não perder a transparência completamente.
Olá Bruno blz? Verifica se tem o transition no .botao_secundario.
Por exemplo: .botao_secundario { transition: 400ms all ease }...
Se a dúvida persistir da uma olhada aqui https://www.w3schools.com/howto/howto_css_transition_hover.asp
que bacana, Victor. Na hora nao pensei na transição, vlw pela dica. Te segui no Git!