.zf-storefront .zf-whatsapp-float {
    position: fixed;
    right: max(1.25rem, env(safe-area-inset-right, 0px));
    bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px) + var(--zf-whatsapp-stock-offset, 0px));
    z-index: 40;
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: #25d366;
    box-shadow: 0 4px 18px rgb(0 0 0 / 20%);
    text-decoration: none;
    transition: background-color 180ms ease, transform 180ms ease;
}
.zf-storefront .zf-whatsapp-float[hidden] { display: none; }
.zf-storefront .zf-whatsapp-float svg { width: 32px; height: 32px; }
.zf-storefront .zf-whatsapp-float:hover { color: #fff; background: #20bd5a; transform: translateY(-2px); }
.zf-storefront .zf-whatsapp-float:focus-visible { outline: 3px solid var(--zf-primary, #006476); outline-offset: 4px; }
body:has(dialog[open]) .zf-whatsapp-float,
body:has([data-overlay][data-state="open"]) .zf-whatsapp-float { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
    .zf-storefront .zf-whatsapp-float { transition: none; }
    .zf-storefront .zf-whatsapp-float:hover { transform: none; }
}