.button--ripple,.button--liquid-fill,.button--blob{overflow:hidden;position:relative}.button--ripple{border-radius:8px;box-shadow:0 0 rgba(var(--color-button),.4),0 4px 14px rgba(var(--color-button),.25);animation:ripple-pulse 2.5s ease-in-out infinite;transition:box-shadow .2s ease,transform .1s ease}.button--ripple:hover{box-shadow:0 0 rgba(var(--color-button),0),0 6px 20px rgba(var(--color-button),.35);animation:none}.button--ripple:active{transform:scale(.98)}@keyframes ripple-pulse{0%,to{box-shadow:0 0 rgba(var(--color-button),.35),0 4px 14px rgba(var(--color-button),.2)}50%{box-shadow:0 0 0 8px rgba(var(--color-button),0),0 4px 14px rgba(var(--color-button),.2)}}.button--ripple .ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-expand .55s linear;background:#ffffff61;pointer-events:none}@keyframes ripple-expand{to{transform:scale(4);opacity:0}}.button--liquid-fill{background:transparent!important;border:2px solid rgb(var(--color-button))!important;color:rgb(var(--color-button))!important}.button--liquid-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-button));transform:scaleY(.06);transform-origin:bottom center;transition:transform .35s cubic-bezier(.4,0,.2,1);border-radius:inherit;z-index:0}.button--liquid-fill:after{content:"";position:absolute;bottom:0;left:-10%;width:120%;height:10px;background:rgba(var(--color-button),.5);border-radius:50% 50% 0 0;animation:liquid-wave 2.2s ease-in-out infinite;z-index:1}@keyframes liquid-wave{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(-8%) scaleY(1.4)}}.button--liquid-fill span{position:relative;z-index:2;transition:color .25s ease}.button--liquid-fill:hover:before,.button--liquid-fill:focus-visible:before{transform:scaleY(1)}.button--liquid-fill:hover span,.button--liquid-fill:focus-visible span{color:rgb(var(--color-button-text))!important}.button--liquid-fill:active:before{transform:scaleY(1);transition-duration:.12s}.button--blob{animation:blob-breathe 4s ease-in-out infinite;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;box-shadow:0 4px 16px rgba(var(--color-button),.3)}@keyframes blob-breathe{0%{border-radius:8px 14px 10px 16px/14px 8px 16px 10px}25%{border-radius:16px 8px 14px 10px/8px 16px 10px 14px}50%{border-radius:10px 16px 8px 14px/16px 10px 14px 8px}75%{border-radius:14px 10px 16px 8px/10px 14px 8px 16px}to{border-radius:8px 14px 10px 16px/14px 8px 16px 10px}}.button--blob:hover{animation-play-state:paused;border-radius:12px!important;box-shadow:0 6px 22px rgba(var(--color-button),.45);transform:translateY(-2px)}.button--blob:active{transform:scale(.95) translateY(0);animation-play-state:paused;border-radius:10px!important;box-shadow:0 2px 8px rgba(var(--color-button),.3)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/button-liquid.css.map */