.whatsapp-cta{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;max-width:100%;padding:.65rem var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-weight:650;text-align:center;text-decoration:none;overflow-wrap:anywhere}.whatsapp-cta:hover{border-color:var(--color-brand-text)}.whatsapp-cta:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:2px}.whatsapp-cta[hidden]{display:none}.whatsapp-cta--product{margin-block-start:var(--space-4)}.whatsapp-cta--cart{width:100%}.whatsapp-cta--floating{position:fixed;z-index:calc(var(--z-overlay) - 1);inset-inline-end:max(1rem,env(safe-area-inset-right));inset-block-end:max(1rem,env(safe-area-inset-bottom));max-width:min(15rem,calc(100vw - 2rem));box-shadow:0 .25rem 1rem rgb(var(--palette-shade-rgb) / 12%)}.cart-drawer-open .whatsapp-cta--floating,body:has(dialog[open]) .whatsapp-float .whatsapp-cta--floating{display:none}@media(max-width:63.99rem){.template-product .whatsapp-cta--floating{inset-block-end:calc(6.5rem + env(safe-area-inset-bottom))}}@media(max-width:40rem){.whatsapp-cta--floating{font-size:var(--type-small-strict, .875rem)}}[data-style]:not([data-style=classic]) .whatsapp-cta--floating{width:58px;height:58px;min-height:0;padding:0;border:0;border-radius:var(--radius-round);background:var(--button-primary-background);color:var(--button-primary-text);box-shadow:0 1rem 2rem -.75rem rgb(var(--palette-shade-rgb) / 60%);overflow:visible}[data-style]:not([data-style=classic]) .whatsapp-cta--floating svg{width:28px;height:28px}[data-style]:not([data-style=classic]) .whatsapp-cta__label{position:absolute;inset-inline-end:calc(100% + .5rem);padding:.45rem .75rem;border-radius:var(--radius-pill);background:var(--color-background);color:var(--color-text);box-shadow:var(--shadow-float);font-size:var(--fs-2);font-weight:700;white-space:nowrap;opacity:0;pointer-events:none}[data-style]:not([data-style=classic]) .whatsapp-cta--floating:is(:hover,:focus-visible) .whatsapp-cta__label{opacity:1}@media(max-width:63.99rem){[data-style]:not([data-style=classic]) .whatsapp-cta--floating{width:50px;height:50px;inset-block-end:calc(5.5rem + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/whatsapp.css.map */