Coop. La Union

/* —————————————— */ /* CÓDIGO CSS (Mismo que ya funciona) */ /* —————————————— */ /* Contenedor para Centrar Horizontalmente */ .contenedor-centrado { text-align: center; padding: 20px; } /* Estilos del Botón */ .boton-viaje-tentador { display: inline-block; padding: 12px 25px; margin: 15px 0; /* Colores y Tipografía */ background-color: #ff5722; /* Naranja vibrante */ color: white; font-size: 18px; font-weight: bold; text-decoration: none; /* Forma y Sombra */ border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease, transform 0.2s ease; /* Efecto «Tentador» */ animation: pulsar 1.5s infinite; } /* Efecto al pasar el mouse (Hover) */ .boton-viaje-tentador:hover { background-color: #e64a19; transform: translateY(-2px); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); } /* Definición de la Animación de Pulso */ @keyframes pulsar { 0% { box-shadow: 0 0 0 0 rgba(255, 87, 34, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(255, 87, 34, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 87, 34, 0); } }