En el botón de enviar creo que va por gustos de cada persona hacer la personalización que queramos, pero si buscamos simplicidad, recomiendo jugar con los decimales en transfrom: scale():
.enviar:hover {
background: darkorange;
transform: scale(1.07);
}Yo usé estos decimales porque me pareció no tan exagerada transición, la idea es que el usuario note que algo cambió cuando se pasa el cursor sobre el botón, pero no llamar demasiado la atención.
No olviden que antes del hover debe estar llamandose el envíar con .enviar
.enviar{
width: 40%;
padding: 15px 0;
font-size: 18px;
font-weight: bold;
color: white;
background-color: orange;
border: none;
border-radius: 5px;
transition: 1s all;
cursor: pointer;
}
Y recuerden que el transition debe estar en all para que afecte a todos los parámetros.
¡Un saludo a todos!
