:root{ --wa-green:#25D366; /* Verde limpio WhatsApp */ --wa-glow: rgba(37,211,102,.45); --wa-shadow: 0 16px 42px rgba(0,0,0,.22); } /* Wrapper 3/4 en TODAS las pantallas */ .wa-premium-wrap{ position: fixed; z-index: 999999; right: 18px; top: 84vh; /* 3/4 hacia abajo */ transform: translateY(-50%); -webkit-tap-highlight-color: transparent; } /* Botón principal */ .wa-premium-btn{ width: 72px; height: 72px; border-radius: 999px; background: var(--wa-green); /* VERDE PLANO */ border: none; cursor: pointer; display: grid; place-items: center; position: relative; box-shadow: var(--wa-shadow); transition: transform .12s ease, filter .2s ease; } .wa-premium-btn:hover{ filter: brightness(.97); } .wa-premium-btn:active{ transform: scale(.97); } /* Glow externo elegante */ .wa-premium-btn::before{ content:""; position:absolute; inset:-14px; border-radius:999px; background: radial-gradient(circle, var(--wa-glow) 0%, rgba(37,211,102,0) 65%); filter: blur(6px); opacity:.9; pointer-events:none; } /* Pulso */ .wa-premium-btn::after{ content:""; position:absolute; inset:-10px; border-radius:999px; border: 2px solid rgba(37,211,102,.45); animation: waPulse 2.4s ease-out infinite; pointer-events:none; } @keyframes waPulse{ 0% { transform: scale(.85); opacity:0; } 25% { opacity:.6; } 100% { transform: scale(1.25); opacity:0; } } /* Ícono */ .wa-premium-btn svg{ width: 30px; height: 30px; filter: drop-shadow(0 2px 6px rgba(0,0,0,.25)); } /* Mobile */ @media (max-width: 480px){ .wa-premium-btn{ width: 66px; height: 66px; } .wa-premium-btn svg{ width: 28px; height: 28px; } } /* Safe area iPhone */ @supports (padding: env(safe-area-inset-right)) { .wa-premium-wrap{ right: calc(14px + env(safe-area-inset-right)); } }