.custom-whatsapp-btn { position: fixed; right: max(20px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); z-index: 20; width: 52px; height: 52px; display: grid; place-items: center; background: #25d366; color: #fff; border-radius: 50%; box-shadow: 0 3px 14px #0002; }
.custom-whatsapp-btn img { display: block; object-fit: contain; }
.custom-whatsapp-btn:focus-visible { outline: 3px solid #111; outline-offset: 4px; }
@media (max-width: 699px) { .custom-whatsapp-btn { right: max(16px, env(safe-area-inset-right)); bottom: calc(84px + env(safe-area-inset-bottom)); width: 48px; height: 48px; } }