.ft-fluid-fill,.ft-fluid-inverse{display:none}.button[data-ft-fluid].ft-fluid-ready,.button[data-ft-fluid].ft-fluid-ready:hover{--ft-reveal: 0%;--ft-fill-x: -100%;--ft-press-y: 0px;background:rgb(var(--button-background));color:rgb(var(--button-text-color));border-color:rgb(var(--button-outline-color, var(--button-background)));overflow:hidden;isolation:isolate;transition:none;transform:translateY(var(--ft-press-y));touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ft-fluid-ready .ft-fluid-fill{display:block;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;background:rgb(var(--button-text-color));transform:translate(var(--ft-fill-x))}.ft-fluid-label{position:relative}.ft-fluid-ready .ft-fluid-inverse{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;justify-content:center;align-items:center;color:rgb(var(--button-background));clip-path:inset(0 calc(100% - var(--ft-reveal)) 0 0);pointer-events:none}.ft-fluid-ready:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgb(var(--button-text-color) / .19);opacity:0;transition:opacity .16s ease-out}.ft-fluid-ready[data-ft-pressed]:after{opacity:1;transition-duration:0s}.ft-fluid-ready:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(prefers-reduced-motion:reduce){.button[data-ft-fluid].ft-fluid-ready,.button[data-ft-fluid].ft-fluid-ready:hover{transform:none}}#cart-drawer button[name=checkout]>.ft-fluid-label,#cart-drawer button[name=checkout].ft-fluid-ready>.ft-fluid-inverse{display:flex;align-items:center;justify-content:center;column-gap:1.125rem;white-space:nowrap}#cart-drawer button[name=checkout] .cart-drawer__button-price{flex:0 0 auto;white-space:nowrap}#cart-drawer button[name=checkout] .cart-drawer__button-price:before{flex:0 0 3px}@media(max-width:699px){#cart-drawer button[name=checkout]{padding-inline:.75rem}#cart-drawer button[name=checkout]>.ft-fluid-label,#cart-drawer button[name=checkout].ft-fluid-ready>.ft-fluid-inverse{column-gap:.5rem}#cart-drawer button[name=checkout] .cart-drawer__button-price:before{margin-inline-end:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/futopia-fluid-buttons.css.map */