.btn-wave{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;isolation:isolate;padding:18px 40px;background:#fff;color:#171513;border:1px solid #171513;border-radius:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translateY(0);box-shadow:0 0 #17151300;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}.btn-wave.is-active,.btn-wave:hover{transform:translateY(-1px);box-shadow:0 6px 16px #17151324}.btn-wave:active{transform:translateY(0);box-shadow:0 2px 6px #1715131a;transition-duration:.1s}.btn-wave__fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#171513;pointer-events:none;clip-path:circle(0% at var(--btn-wave-x, 50%) var(--btn-wave-y, 50%));transition:clip-path .55s cubic-bezier(.65,0,.35,1)}.btn-wave.is-active .btn-wave__fill,.btn-wave:focus-visible .btn-wave__fill,.btn-wave:hover .btn-wave__fill{clip-path:circle(150% at var(--btn-wave-x, 50%) var(--btn-wave-y, 50%))}.btn-wave__label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;transition:color .3s ease,opacity .2s ease}.btn-wave.is-active .btn-wave__label,.btn-wave:focus-visible .btn-wave__label,.btn-wave:hover .btn-wave__label{color:#fff}.btn-wave:disabled,.btn-wave[aria-disabled=true]{opacity:.45;cursor:default;transform:none!important;box-shadow:none!important}.btn-wave:disabled .btn-wave__fill,.btn-wave[aria-disabled=true] .btn-wave__fill{clip-path:circle(0% at 50% 50%)!important}.btn-wave.is-loading{cursor:wait}.btn-wave.is-loading .btn-wave__label{opacity:0}.btn-wave__spinner{position:absolute;z-index:2;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:0;transition:opacity .15s ease;animation:btn-wave-spin .7s linear infinite}.btn-wave.is-loading .btn-wave__spinner{opacity:1}.btn-wave.loading .btn-wave__label{opacity:.35}.btn-wave.loading .loading-overlay__spinner{z-index:2}.btn-wave.is-active .btn-wave__spinner,.btn-wave:focus-visible .btn-wave__spinner,.btn-wave:hover .btn-wave__spinner{color:#fff}@keyframes btn-wave-spin{to{transform:rotate(360deg)}}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:10px 4px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#4a4540;cursor:pointer;text-decoration:none;transition:color .2s ease}.btn-ghost:hover{color:#171513}.btn-ghost[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.btn-wave__fill,.btn-wave__label,.btn-wave{transition:none}.btn-wave.is-active{transform:none}.btn-wave__spinner{animation-duration:1.4s}}@media(hover:none){.btn-wave__fill{transition:clip-path .18s ease}.btn-wave.is-active{transform:none;box-shadow:none}.btn-wave:active{transform:scale(.98)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/button-wave.css.map */