Ejercicio CCS 2

🎨 Ejercicio 2: Diseña un botón interactivo

📌 Planteamiento:

Diseña un **botón atractivo** con CSS que cumpla estos requisitos:

• ✅ Color de fondo azul y texto blanco.
• ✅ Bordes redondeados y un leve sombreado.
• ✅ Cuando el cursor pase por encima:
  • – El fondo debe oscurecerse.
  • – El texto debe agrandarse levemente.

👉 Escribe el **código CSS** para estilizar el botón.

✅ Modelo de solución CSS:

.boton {
  background-color: #007BFF;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.boton:hover {
  background-color: #0056b3;
  transform: scale(1.05);
}
    

🎯 Claves de este ejercicio:

• 📍 **Selectores de clase** para botones.
• 📍 Uso de **transiciones suaves** en hover.
• 📍 Introducción a **transformaciones CSS** con scale().