.c-btn{--btn-bg: var(--color-black-solid);--btn-text: var(--color-white-solid);--btn-border: var(--color-black-solid);--btn-hover-fill: var(--color-black-soft);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn-height);padding:0 var(--btn-padding-x);border-radius:var(--btn-radius);border:var(--stroke-1) solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);text-decoration:none;text-align:center;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),background-color var(--motion-fast),opacity var(--motion-fast);-webkit-appearance:none;appearance:none}.c-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--btn-hover-fill);transform:scaleY(0);transform-origin:bottom;transition:transform var(--motion-medium);z-index:0}.c-btn:hover:before,.c-btn:focus-visible:before{transform:scaleY(1)}.c-btn:hover,.c-btn:focus-visible{text-decoration:none}.c-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.c-btn:active{transform:translateY(1px)}.c-btn[aria-disabled=true],.c-btn:disabled,.c-btn.is-disabled{opacity:.55;pointer-events:none}.c-btn__label{position:relative;z-index:1;display:inline-block;font-size:var(--btn-font-size);line-height:1;letter-spacing:var(--btn-letter-spacing);font-weight:var(--btn-font-weight);text-transform:uppercase;white-space:nowrap}.c-btn--primary{--btn-bg: var(--color-black-solid);--btn-text: var(--color-white-solid);--btn-border: var(--color-black-solid);--btn-hover-fill: var(--color-black-soft)}.c-btn--secondary{--btn-bg: var(--color-white-solid);--btn-text: var(--color-black-solid);--btn-border: var(--color-grey-90);--btn-hover-fill: var(--color-grey-90)}.c-btn--sm{min-height:40px;padding:0 24px}.c-btn--md{min-height:var(--btn-height);padding:0 var(--btn-padding-x)}.c-btn--lg{min-height:56px;padding:0 48px}.c-btn--full{width:100%}.c-btn-group{display:flex;flex-wrap:wrap;gap:12px}@media(prefers-reduced-motion:reduce){.c-btn,.c-btn:before{transition:none}.c-btn:before{transform:none;opacity:0}.c-btn:hover:before,.c-btn:focus-visible:before{opacity:1}}@media screen and (max-width:749px){.c-btn{min-height:48px}.c-btn__label{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-c-button.css.map */