.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,background-color var(--btn-transition-duration, .2s) ease-in-out,color var(--btn-transition-duration, .2s) ease-in-out,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),body[data-button-shadow-enabled=true][data-button-shadow-intensity=sm] .btn--animation-scale:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=true][data-button-shadow-intensity=sm] .btn--animation-draw-border:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=true][data-button-shadow-intensity=sm] .btn--animation-animated-border: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][data-button-shadow-intensity=md] .btn--animation-scale:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=true][data-button-shadow-intensity=md] .btn--animation-draw-border:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=true][data-button-shadow-intensity=md] .btn--animation-animated-border: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),body[data-button-shadow-enabled=true]:not([data-button-shadow-intensity]) .btn--animation-scale:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=true]:not([data-button-shadow-intensity]) .btn--animation-draw-border:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=true]:not([data-button-shadow-intensity]) .btn--animation-animated-border: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),body[data-button-shadow-enabled=true][data-button-shadow-intensity=lg] .btn--animation-scale:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=true][data-button-shadow-intensity=lg] .btn--animation-draw-border:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=true][data-button-shadow-intensity=lg] .btn--animation-animated-border: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),body[data-button-shadow-enabled=false] .btn--animation-scale:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=false] .btn--animation-draw-border:hover:not(.btn--disabled):not(.btn--link),body[data-button-shadow-enabled=false] .btn--animation-animated-border:hover:not(.btn--disabled):not(.btn--link){box-shadow:none!important}}@media (hover: hover){.btn--primary:hover:not(.btn--disabled){background-color:var(--color-btn-primary-hover-bg, var(--color-btn-primary-bg, var(--color-accent-1, #111111)));color:var(--color-btn-primary-hover-text, var(--color-btn-primary-text, var(--color-background, #ffffff)))}.btn--secondary:hover:not(.btn--disabled){background-color:var(--color-btn-secondary-hover-bg, var(--color-btn-secondary-bg, var(--color-surface, #f5f5f5)));color:var(--color-btn-secondary-hover-text, var(--color-btn-secondary-text, var(--color-foreground, #111111)))}.btn--outline:hover:not(.btn--disabled){background-color:var(--color-btn-outline-hover-bg, var(--color-surface, #f5f5f5));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:hover:not(.btn--disabled){background-color:var(--color-btn-destructive-hover-bg, var(--color-btn-destructive-bg, #d72c0d));color:var(--color-btn-destructive-hover-text, var(--color-btn-destructive-text, #ffffff))}.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}}@media (hover: hover){body[data-button-animation-enabled=true] .btn--animation-scale:hover:not(.btn--disabled):not(.btn--link){transform:scale(1.02)}body[data-button-animation-enabled=false] .btn:hover:not(.btn--disabled){transform:none}body[data-button-animation-type=none] .btn:hover:not(.btn--disabled){transform:none}}.btn--animation-draw-border,.btn--animation-draw-border.btn--primary,.btn--animation-draw-border.btn--secondary,.btn--animation-draw-border.btn--outline,.btn--animation-draw-border.btn--destructive{position:relative;overflow:visible;transition:background-color 1s ease-in-out;background-color:var(--color-btn-primary-bg, var(--color-accent-1, #111111))!important;border:1px solid transparent!important;color:var(--color-btn-primary-text, var(--color-background, #ffffff))!important}.btn--animation-draw-border .btn-draw-border-svg{position:absolute;left:0;top:0;width:100%;height:100%;fill:none;stroke:var(--color-btn-primary-bg, var(--color-accent-1, #111111));stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200 600;stroke-dashoffset:200;transition:stroke-dashoffset 1s ease-in-out,stroke 1s ease-in-out;pointer-events:none}.btn--animation-draw-border .btn-draw-border-line{stroke:var(--color-btn-primary-bg, var(--color-accent-1, #111111))}.btn--animation-draw-border.btn--sm .btn-draw-border-svg{stroke-dasharray:120 400;stroke-dashoffset:120}.btn--animation-draw-border.btn--lg .btn-draw-border-svg{stroke-dasharray:300 800;stroke-dashoffset:300}@media (hover: hover){body[data-button-animation-enabled=true] .btn--animation-draw-border:hover:not(.btn--disabled){transition:background-color 1s ease-in-out,color 1s ease-in-out;background-color:var(--color-btn-secondary-bg, var(--color-surface, #666666))!important;color:var(--color-btn-secondary-text, var(--color-background, #ffffff))!important}body[data-button-animation-enabled=true] .btn--animation-draw-border:hover:not(.btn--disabled) .btn-draw-border-svg{stroke-dashoffset:-600;stroke:var(--color-btn-secondary-bg, var(--color-surface, #666666))}body[data-button-animation-enabled=true] .btn--animation-draw-border:hover:not(.btn--disabled) .btn-draw-border-line{stroke:var(--color-btn-secondary-bg, var(--color-surface, #666666))}body[data-button-animation-enabled=true] .btn--animation-draw-border.btn--sm:hover:not(.btn--disabled) .btn-draw-border-svg{stroke-dashoffset:-400}body[data-button-animation-enabled=true] .btn--animation-draw-border.btn--lg:hover:not(.btn--disabled) .btn-draw-border-svg{stroke-dashoffset:-800}}.btn--animation-draw-border>span{position:relative;z-index:1}.btn--animation-animated-border,.btn--animation-animated-border.btn--primary,.btn--animation-animated-border.btn--secondary,.btn--animation-animated-border.btn--outline,.btn--animation-animated-border.btn--destructive{position:relative;overflow:hidden;background-color:var(--color-btn-primary-bg, var(--color-accent-1, #111111))!important;color:var(--color-btn-primary-text, var(--color-background, #ffffff))!important;border:1px solid transparent!important}.btn--animation-animated-border:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-btn-secondary-bg, var(--color-surface, #666666));opacity:0;transition:opacity .2s ease-in-out;z-index:1}.btn--animation-animated-border:hover:before{opacity:.2}.btn--animation-animated-border .btn-animated-border-line{position:absolute;z-index:2}.btn--animation-animated-border .btn-animated-border-line:nth-child(1){top:0;left:0;width:100%;height:2px;background:linear-gradient(to left,transparent,var(--color-btn-secondary-bg, var(--color-surface, #666666)));animation:btnAnimateTop 2s linear infinite}.btn--animation-animated-border .btn-animated-border-line:nth-child(2){top:0;right:0;height:100%;width:2px;background:linear-gradient(to top,transparent,var(--color-btn-secondary-bg, var(--color-surface, #666666)));animation:btnAnimateRight 2s linear -1s infinite}.btn--animation-animated-border .btn-animated-border-line:nth-child(3){bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,var(--color-btn-secondary-bg, var(--color-surface, #666666)));animation:btnAnimateBottom 2s linear infinite}.btn--animation-animated-border .btn-animated-border-line:nth-child(4){top:0;left:0;height:100%;width:2px;background:linear-gradient(to bottom,transparent,var(--color-btn-secondary-bg, var(--color-surface, #666666)));animation:btnAnimateLeft 2s linear -1s infinite}.btn--animation-animated-border>span:not(.btn-animated-border-line){position:relative;z-index:3}@keyframes btnAnimateTop{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes btnAnimateRight{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@keyframes btnAnimateBottom{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes btnAnimateLeft{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (prefers-reduced-motion: reduce){.btn:hover:not(.btn--disabled),.btn--animated:hover:not(.btn--disabled){box-shadow:none!important;transform:none!important}.btn--animation-animated-border .btn-animated-border-line{animation:none!important;opacity:0!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/4/assets/button.css.map */