.enviar{ width: 40%; padding: 15px 0; font-size: 18px; font-weight: bold; color: white; background: orange; border: none; border-radius: 5px; transition: 1s all; cursor: pointer; }
.enviar:hover{ background: darkorange; transform: scale(1.2); }
En este código , el comando background y transform ¿porque no se coloca dentro de .enviar{}. Y se tiene que hacer dentro de: .enviar:hover{}.
Saludos.
Buenas noches Israel. El comando "background" y "transform" no se colocan dentro de ".enviar{}" y se ponen dentro de ".enviar:hover{}" porque se desea que esos estilos se apliquen únicamente cuando el cursor esté sobre el elemento con la clase "enviar", es decir, cuando se cumple la pseudo-clase ":hover". Esto permite que los estilos definidos dentro de ".enviar:hover{}" se apliquen solo cuando el usuario interactúa con el botón de enviar, brindando así una experiencia interactiva y dinámica.