/* Contenedor del botón flotante con la imagen */ .floating-image-btn-container { position: fixed; bottom: 95px; /* Distancia desde abajo (ajustado para que quede justo arriba del de WhatsApp) */ right: 25px; /* Distancia desde la derecha */ z-index: 99999; /* Siempre visible por encima del contenido */ } /* Estilos del enlace y la imagen */ .floating-image-btn { display: block; width: 65px; /* Ancho del botón (puedes ajustarlo si lo quieres más grande o pequeño) */ height: 65px; /* Alto del botón */ border-radius: 50%; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; } .floating-image-btn img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; } /* Efecto al pasar el cursor (hover) */ .floating-image-btn:hover { transform: scale(1.08); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4); } /* Ajustes para celulares */ @media (max-width: 768px) { .floating-image-btn-container { bottom: 85px; right: 15px; } .floating-image-btn { width: 55px; height: 55px; } }