.whatsapp-bubble { position:fixed; z-index:45; right:max(22px,env(safe-area-inset-right)); bottom:max(22px,env(safe-area-inset-bottom)); display:inline-flex; align-items:center; gap:11px; min-height:60px; padding:7px 18px 7px 7px; overflow:visible; border:1px solid rgba(255,255,255,.35); border-radius:18px; background:linear-gradient(135deg,#2bbb70,#168d51); color:#fff; box-shadow:0 16px 34px rgba(22,112,72,.28),0 5px 12px rgba(42,30,26,.12); isolation:isolate; transition:transform .2s ease,box-shadow .2s ease; }
.whatsapp-bubble::before { position:absolute; z-index:-1; inset:-5px; border:1px solid rgba(36,173,99,.2); border-radius:22px; content:""; opacity:0; transform:scale(.9); transition:opacity .2s ease,transform .2s ease; }
.whatsapp-bubble:hover { transform:translateY(-3px); box-shadow:0 21px 38px rgba(22,112,72,.34),0 6px 14px rgba(42,30,26,.12); }
.whatsapp-bubble:hover::before,.whatsapp-bubble:focus-visible::before { opacity:1; transform:scale(1); }
.whatsapp-bubble:focus-visible { outline:3px solid rgba(184,70,109,.62); outline-offset:4px; }
.whatsapp-icon { display:grid; flex:0 0 auto; place-items:center; width:46px; height:46px; border-radius:14px; background:#fff; color:#179454; box-shadow:0 3px 8px rgba(18,94,51,.16); font-size:0; transform:none; }
.whatsapp-icon svg { display:block; width:25px; height:25px; }
.whatsapp-copy { display:grid; gap:2px; line-height:1.15; text-align:left; }
.whatsapp-copy strong { color:#fff; font-size:13px; font-weight:700; letter-spacing:-.01em; }
.whatsapp-copy span { color:rgba(255,255,255,.86); font-size:11px; font-weight:500; }
@media (max-width:480px) { .whatsapp-bubble { right:max(16px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom)); width:60px; min-height:60px; padding:7px; border-radius:19px; justify-content:center; } .whatsapp-copy { display:none; } .whatsapp-icon { width:46px; height:46px; } }
@media (prefers-reduced-motion:reduce) { .whatsapp-bubble,.whatsapp-bubble::before { transition:none; } }