/* Estilos cuando el ratón está encima (hover) */

input:hover {
  color: gold;        
  background-color: #fff; /* Color más oscuro */
  border-width: 4px;
  border-style: outset;
  border-radius: 30px;
  border-color: gold;
  transform: scale(1.05); /* Ligeramente más grande */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para efecto de relieve */
}