Codifiquei o cursor e o transition na classe .enviar:hover, deu o mesmo resultado.
.enviar:hover {
background:darkorange;
cursor: pointer;
transition: 1s background;
}
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Codifiquei o cursor e o transition na classe .enviar:hover, deu o mesmo resultado.
.enviar:hover {
background:darkorange;
cursor: pointer;
transition: 1s background;
}
Opa, tudo bom?
Então, eu também notei isso mas enquanto pesquisava sobre um outro problema em meu código para tentar alterar uma forma de apresentação notei que existem diversas pseudo classes, então se além do :hover utilizar outra pseudo classe, terá de replicar o cursor: ponter e o transition: 1s background.
Creio que por isso que fica no .enviar como propriedade absoluta de qualquer pseudo classe que trabalhar nessa classe.