:root{--button-fill-duration:1.5s;--button-fill-easing:cubic-bezier(.22, 1, .36, 1)}:is(.btn,.product-order-btn,.menu-tab,.whatsapp-float){--button-fill:var(--color-maroon-dark);--button-base:var(--color-maroon);--button-ink:var(--color-surface);isolation:isolate;letter-spacing:0;transition:color .3s,scale .16s;position:relative}.btn-whatsapp,.product-order-btn,.whatsapp-float{--button-base:var(--color-whatsapp);--button-fill:var(--color-whatsapp-dark)}.btn-outline{--button-base:transparent}.hero-menu-btn{--button-base:var(--color-hero-red);position:absolute}.whatsapp-float{position:fixed}.menu-tab{--button-base:var(--color-surface);--button-fill:var(--color-maroon)}.menu-tab[aria-selected=true]{--button-base:var(--color-maroon);--button-fill:var(--color-maroon-dark)}:is(.btn,.product-order-btn,.menu-tab,.whatsapp-float):before{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:var(--button-fill);clip-path:circle(0% at var(--button-x,50%) var(--button-y,50%));transition:clip-path var(--button-fill-duration) var(--button-fill-easing);position:absolute;inset:-1px}:is(.btn,.product-order-btn,.menu-tab,.whatsapp-float):is(:hover,:focus-visible,:active){background:var(--button-base);color:var(--button-ink);letter-spacing:0;transform:none}.hero-menu-btn:is(:hover,:focus-visible,:active){transform:translateX(calc(-50% - ((var(--btn-arrow-size,30px) + var(--btn-arrow-gap,3px)) / 2)))}:is(.btn,.product-order-btn,.menu-tab,.whatsapp-float):is(:hover,:focus-visible,:active):before{clip-path:circle(150% at var(--button-x,50%) var(--button-y,50%))}:is(.btn,.product-order-btn,.menu-tab,.whatsapp-float):active{scale:.97}@media (prefers-reduced-motion:reduce){:is(.btn,.product-order-btn,.menu-tab,.whatsapp-float),:is(.btn,.product-order-btn,.menu-tab,.whatsapp-float):before{transition:none}:is(.btn,.product-order-btn,.menu-tab,.whatsapp-float):active{scale:1}}
