/* Contenedor del botón flotante */ .floating-image-btn-container { position: fixed; bottom: 95px; /* Ubicado justo arriba del botón de WhatsApp */ right: 25px; /* Esquina inferior derecha */ z-index: 99999; } /* Estilos del enlace y la imagen original */ .floating-image-btn { display: block; width: 140px; /* Ancho del botón (ajústalo según lo grande que lo desees) */ height: auto; /* Mantiene la proporción original de la imagen */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 10px; /* Esquinas ligeramente redondeadas (cámbialo a 0px si la quieres completamente cuadrada) */ overflow: hidden; } .floating-image-btn img { width: 100%; height: auto; display: block; } /* Efecto al pasar el cursor */ .floating-image-btn:hover { transform: scale(1.05); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4); } /* Ajustes para dispositivos móviles */ @media (max-width: 768px) { .floating-image-btn-container { bottom: 85px; right: 15px; } .floating-image-btn { width: 110px; /* Tamaño adaptado para celulares */ } }