De acuerdo al video la transicion debe hacerse en la clase .enviar:`
.enviar{
    width: 40%;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background: orange;
    border: none;
    border-radius: 5px;
    transition: 1s background;
    cursor: pointer;
}
.enviar:hover{
    background: darkorange;
Sin embargo consulto, si lo que quiero es que haga esos cambios cuando posiciono el mouse sobre el botón, sería mucho mas conveniente colocar las popiedades de transición y cursor en la clase .enviar:hover?, es decir:
.enviar{
    width: 40%;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background: orange;
    border: none;
    border-radius: 5px;
}
.enviar:hover{
    background: darkorange;
    transition: 1s background;
    cursor: pointer;
}Será adecuado hacerlo asi?, sino cuál es la razón de colocar la transión y el cursor en la clase .enviar?
Gracias de antemano.
Saludos a tod@s!!!
 
            