Personalizando el proyecto con hover

Hola, Andrés, espero que estés bien

Veo que estás trabajando en personalizar un elemento con el efecto hover. El código que compartiste es un buen comienzo. Aquí te dejo algunos consejos y ejemplos para que puedas seguir explorando:

1. Cambio de color de texto:

   .present_comprar:hover {
       color: #ffffff; /* Cambia el color del texto al pasar el mouse */
   }
   

2. Ajuste de tamaño:

   .present_comprar:hover {
       transform: scale(1.1); /* Aumenta el tamaño del elemento */
   }
   

3. Añadir sombra:

   .present_comprar:hover {
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Añade una sombra */
   }
   

4. Transición suave:

   Para que los cambios sean más suaves, puedes añadir una transición:

   .present_comprar {
       transition: all 0.3s ease;
   }
   

Recuerda que puedes combinar varias propiedades para crear un efecto más interesante. ¡La clave es experimentar y encontrar lo que mejor se adapte a tu estilo!

Espero haber ayudado y buenos estudios!