.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 var(--btn-transition-duration, .2s) ease,color .4s cubic-bezier(.4,0,.2,1),border-color var(--btn-transition-duration, .2s) ease-in-out,text-decoration-color var(--btn-transition-duration, .2s) ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn--sm{padding:var(--btn-padding-y, 6px) var(--btn-padding-x, 12px);font-size:var(--btn-font-size, 14px)}.btn--md{padding:var(--btn-padding-y, 12px) var(--btn-padding-x, 24px);font-size:var(--btn-font-size, 16px)}.btn--lg{padding:var(--btn-padding-y, 16px) var(--btn-padding-x, 32px);font-size:var(--btn-font-size, 18px)}.btn--primary{background-color:var(--color-btn-primary-bg, var(--color-accent-1, #111111));color:var(--color-btn-primary-text, var(--color-background, #ffffff));border:2px solid transparent}.btn--secondary{background-color:var(--color-btn-secondary-bg, var(--color-surface, #f5f5f5));color:var(--color-btn-secondary-text, var(--color-foreground, #111111));border:2px solid transparent}.btn--outline{background-color:transparent;color:var(--color-btn-outline-border, var(--color-foreground, #111111));border:2px solid var(--color-btn-outline-border, var(--color-foreground, #111111))}.btn--destructive{background-color:var(--color-btn-destructive-bg, #d72c0d);color:var(--color-btn-destructive-text, #ffffff);border:2px solid transparent}.btn--link{background-color:transparent;color:var(--color-btn-link-text, var(--color-foreground, #111111));border:none;padding:0;text-underline-offset:.2em;text-decoration-color:var(--color-btn-link-underline, currentColor)}@media (hover: hover){body[data-button-shadow-enabled=true][data-button-shadow-intensity=sm] .btn:hover:not(.btn--disabled):not(.btn--link){box-shadow:var(--btn-shadow-sm, 0 2px 4px rgba(0, 0, 0, .1))!important}body[data-button-shadow-enabled=true][data-button-shadow-intensity=md] .btn:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=true]:not([data-button-shadow-intensity]) .btn:hover:not(.btn--disabled):not(.btn--link){box-shadow:var(--btn-shadow-md, 0 4px 8px rgba(0, 0, 0, .1))!important}body[data-button-shadow-enabled=true][data-button-shadow-intensity=lg] .btn:hover:not(.btn--disabled):not(.btn--link){box-shadow:var(--btn-shadow-lg, 0 8px 16px rgba(0, 0, 0, .15))!important}body[data-button-shadow-enabled=false] .btn:hover:not(.btn--disabled):not(.btn--link){box-shadow:none!important}}@media (hover: hover){.btn--link:hover:not(.btn--disabled){color:var(--color-btn-link-hover-text, var(--color-btn-link-text, var(--color-foreground, #111111)));text-decoration-color:var(--color-btn-link-hover-text, currentColor);box-shadow:none}}.btn:not(.btn--link){position:relative;overflow:hidden}.btn:not(.btn--link):before{content:"";position:absolute;top:0;left:0;width:0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);z-index:0}.btn--primary:not(.btn--link):before{background-color:var(--color-btn-primary-hover-bg, var(--color-btn-primary-bg, var(--color-accent-1, #111111)))}.btn--secondary:not(.btn--link):before{background-color:var(--color-btn-secondary-hover-bg, var(--color-btn-secondary-bg, var(--color-surface, #f5f5f5)))}.btn--outline:not(.btn--link):before{background-color:var(--color-btn-outline-hover-bg, var(--color-surface, #f5f5f5))}.btn--destructive:not(.btn--link):before{background-color:var(--color-btn-destructive-hover-bg, var(--color-btn-destructive-bg, #d72c0d))}@media (hover: hover){.btn:not(.btn--link):not(.btn--disabled):hover:before{width:100%}.btn--primary:not(.btn--link):not(.btn--disabled):hover{color:var(--color-btn-primary-hover-text, var(--color-btn-primary-text, var(--color-background, #ffffff)))}.btn--secondary:not(.btn--link):not(.btn--disabled):hover{color:var(--color-btn-secondary-hover-text, var(--color-btn-secondary-text, var(--color-foreground, #111111)))}.btn--outline:not(.btn--link):not(.btn--disabled):hover{color:var(--color-btn-outline-hover-text, var(--color-foreground, #111111));border-color:var(--color-btn-outline-hover-bg, var(--color-foreground, #111111))}.btn--destructive:not(.btn--link):not(.btn--disabled):hover{color:var(--color-btn-destructive-hover-text, var(--color-btn-destructive-text, #ffffff))}}.btn:not(.btn--link)>span{position:relative;z-index:1;transition:color .4s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.btn:not(.btn--link):before{transition:none!important;width:0!important}.btn:not(.btn--link):hover:before{width:0!important}.btn:not(.btn--link)>span{transition:none!important}}.btn:active:not(.btn--disabled){box-shadow:var(--btn-shadow-active, 0 2px 4px rgba(0, 0, 0, .1))}.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);outline-offset:2px}.btn>span{display:inline-block}
/*# sourceMappingURL=/cdn/shop/t/10/assets/button.css.map */