.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;vertical-align:middle;text-align:center;text-decoration:none;cursor:pointer;border-radius:var(--btn-border-radius, 8px);padding:var(--btn-padding-y, 12px) var(--btn-padding-x, 24px);font-weight:var(--btn-font-weight, 700);font-size:var(--btn-font-size, 15px);letter-spacing:.02em;transition:transform .25s ease,box-shadow .25s ease,color .25s ease,border-color .25s ease,background-color .25s ease;-webkit-appearance:none;appearance:none;position:relative;overflow:hidden}.btn>span{position:relative;z-index:1;display:inline-block}.btn:not(.btn--link):after{content:"\2192";position:relative;z-index:1;display:inline-block;font-size:1.1em;opacity:0;max-width:0;transform:translate(-4px);transition:opacity .3s ease,transform .3s ease,max-width .3s ease}@media(hover:hover){.btn:not(.btn--link):not(.btn--disabled):hover:after{opacity:1;max-width:1.5em;transform:translate(0)}}.btn:not(.btn--link):not(.btn--outline):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.12) 40%,rgba(255,255,255,.12) 60%,transparent 100%);transform:translate(-110%);transition:transform .45s cubic-bezier(.2,0,0,1);z-index:0}@media(hover:hover){.btn:not(.btn--link):not(.btn--outline):not(.btn--disabled):hover:before{transform:translate(110%)}}.btn--sm{padding:8px 16px;font-size:13px}.btn--md{padding:12px 24px;font-size:15px}.btn--lg{padding:16px 32px;font-size:17px}.btn--primary{background-color:var(--color-btn-primary-bg, #111111);color:var(--color-btn-primary-text, #ffffff);border:2px solid transparent}.btn--secondary{background-color:var(--color-btn-secondary-bg, #666666);color:var(--color-btn-secondary-text, #ffffff);border:2px solid transparent}.btn--outline{background-color:transparent;color:var(--color-btn-outline-text, var(--section-text-color, #111111));border:2px solid var(--color-btn-outline-border, var(--section-text-color, #111111))}@media(hover:hover){.btn--outline:not(.btn--disabled):hover{background-color:var(--color-btn-outline-border, var(--section-text-color, #111111));color:var(--section-bg-color, var(--color-btn-primary-bg, #ffffff))}}.btn--destructive{background-color:#dc2626;color:#fff;border:2px solid transparent}.btn--link{background-color:transparent;color:var(--color-btn-link-text, var(--section-text-color, #111111));border:none;padding:0;overflow:visible;text-underline-offset:.2em;font-weight:600}@media(hover:hover){.btn--primary:not(.btn--disabled):hover{box-shadow:0 6px 20px color-mix(in srgb,var(--color-btn-primary-bg, #111111) 35%,transparent)}.btn--secondary:not(.btn--disabled):hover{box-shadow:0 6px 20px color-mix(in srgb,var(--color-btn-secondary-bg, #666666) 35%,transparent)}.btn--outline:not(.btn--disabled):hover{box-shadow:0 6px 20px color-mix(in srgb,var(--color-btn-outline-border, #111111) 25%,transparent)}.btn--destructive:not(.btn--disabled):hover{box-shadow:0 6px 20px color-mix(in srgb,#dc2626 35%,transparent)}.btn--link:not(.btn--disabled):hover{opacity:.7}}.btn:active:not(.btn--disabled):not(.btn--link){transform:scale(.98)}.btn--disabled,.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--full-width{display:flex;width:100%}.btn:focus-visible{outline:2px solid var(--color-btn-primary-bg, var(--section-text-color, #111111));outline-offset:2px}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:before,.btn:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/button.css.map */