.btn{display:inline-block;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, 600);font-size:var(--btn-font-size, 16px);transition:transform .2s ease,box-shadow .2s ease,color .2s ease,border-color .2s ease,background-color .2s ease;-webkit-appearance:none;appearance:none;position:relative;overflow:hidden}.btn>span{position:relative;z-index:1;display:inline-block}.btn--sm{padding:6px 12px;font-size:14px}.btn--md{padding:12px 24px;font-size:16px}.btn--lg{padding:16px 32px;font-size:18px}.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))}.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}@media(hover:hover){.btn:not(.btn--disabled):not(.btn--link):hover{transform:translateY(-2px)}.btn--primary:not(.btn--disabled):hover{box-shadow:0 4px 12px color-mix(in srgb,var(--color-btn-primary-bg, #111111) 40%,transparent)}.btn--secondary:not(.btn--disabled):hover{box-shadow:0 4px 12px color-mix(in srgb,var(--color-btn-secondary-bg, #666666) 40%,transparent)}.btn--outline:not(.btn--disabled):hover{box-shadow:0 4px 12px color-mix(in srgb,var(--color-btn-outline-border, #111111) 40%,transparent)}.btn--destructive:not(.btn--disabled):hover{box-shadow:0 4px 12px color-mix(in srgb,#dc2626 40%,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:block;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}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/button.css.map */