
                    /* Contenedor principal alineado a la derecha inferior */
                    .whatsapp-btn-container {
                        position: fixed;
                        bottom: 20px;
                        right: 20px;
                        display: flex;
                        align-items: center;
                        text-decoration: none;
                        z-index: 9999;

                        /* Animación de pulso/rebote aplicada a todo el conjunto */
                        animation: whatsapp-pulse 3s infinite ease-in-out;
                    }

                    /* Estilos de la etiqueta de texto */
                    .whatsapp-text {
                        background-color: #fff;
                        color: #333;
                        font-family: Arial, sans-serif;
                        font-size: 15px;
                        font-weight: bold;
                        padding: 8px 16px;
                        margin-right: 10px;
                        border-radius: 20px;
                        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
                        border: 1px solid #e2e8f0;
                        white-space: nowrap;
                        transition: transform 0.3s ease;
                    }

                    /* Estilos del círculo verde del icono */
                    .whatsapp-icon-circle {
                        width: 60px;
                        height: 60px;
                        background-color: #25d366;
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
                        transition: background-color 0.3s ease;
                    }

                    /* Efectos al pasar el mouse por encima del botón */
                    .whatsapp-btn-container:hover .whatsapp-icon-circle {
                        background-color: #20ba5a;
                    }

                    .whatsapp-btn-container:hover .whatsapp-text {
                        transform: translateX(-3px);
                        /* Desplaza levemente el texto a la izquierda */
                    }

                    /* Animación de pulso y rebote */
                    @keyframes whatsapp-pulse {
                        0% {
                            transform: scale(1);
                        }

                        15% {
                            transform: scale(1.06);
                        }

                        30% {
                            transform: scale(1);
                        }

                        100% {
                            transform: scale(1);
                        }
                    }

                    /* Adaptabilidad móvil: Oculta el texto en pantallas de menos de 480px de ancho */
                    @media (max-width: 480px) {
                        .whatsapp-text {
                            display: none;
                        }

                        .whatsapp-btn-container {
                            bottom: 15px;
                            right: 15px;
                        }
                    }
                