.whatsapp-float{bottom:max(2rem,env(safe-area-inset-bottom));position:fixed;right:max(2rem,env(safe-area-inset-right));z-index:4}.whatsapp-button{align-items:center;background:#1da851;border-radius:999px;box-shadow:0 .4rem 1.2rem #128c7e4d;color:#fff;display:flex;height:4.8rem;justify-content:center;min-height:44px;min-width:44px;overflow:hidden;padding:1.2rem;text-decoration:none;transition:box-shadow .2s ease,width .25s ease;width:4.8rem}.whatsapp-button:hover{box-shadow:0 .6rem 1.6rem #128c7e66;width:20rem}.whatsapp-button:focus-visible{outline:3px solid rgb(var(--color-foreground));outline-offset:3px}.whatsapp-icon{flex:0 0 2.4rem;height:2.4rem;width:2.4rem}.whatsapp-text{font-size:1.4rem;font-weight:600;margin-left:0;max-width:0;opacity:0;overflow:hidden;transition:margin .2s ease,max-width .25s ease,opacity .2s ease;white-space:nowrap}.whatsapp-button:hover .whatsapp-text,.whatsapp-button:focus-visible .whatsapp-text{margin-left:1rem;max-width:14rem;opacity:1}@media screen and (max-width:749px){.whatsapp-float{bottom:max(1.5rem,env(safe-area-inset-bottom));right:max(1.5rem,env(safe-area-inset-right))}.whatsapp-button,.whatsapp-button:hover{height:5.6rem;padding:1.6rem;width:5.6rem}.whatsapp-text{display:none}}@media(prefers-reduced-motion:reduce){.whatsapp-button,.whatsapp-text{transition:none}}@media screen and (max-width:749px){body:has(.product--sticky-form__active) .whatsapp-float,body:has(.sticky-atc.show) .whatsapp-float,body:has(.sticky-atc.always-visible) .whatsapp-float{bottom:calc(max(2rem,env(safe-area-inset-bottom)) + 9rem)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-whatsapp-floating.css.map */