:where(.button,.btn){--shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);--shadow-vertical-offset: var(--buttons-shadow-vertical-offset);--shadow-blur-radius: var(--buttons-shadow-blur-radius);--shadow-opacity: var(--buttons-shadow-opacity);--shadow-visible: var(--buttons-shadow-visible);--border-offset: var(--buttons-border-offset);--border-opacity: calc(1 - var(--buttons-border-opacity));position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:0 3rem;min-width:calc(12rem + var(--buttons-border-width) * 2);min-height:calc(4.5rem + var(--buttons-border-width) * 2);border:0;border-radius:var(--buttons-radius-outset);cursor:pointer;font:inherit;font-weight:600;font-size:1.5rem;line-height:calc(1 + .2 / var(--font-body-scale));letter-spacing:.1rem;text-decoration:none;color:rgb(var(--color-button-text));background-color:rgba(var(--color-button),var(--alpha-button-background));transition:box-shadow var(--duration-short) ease,transform var(--duration-short) ease;-webkit-appearance:none;appearance:none}:where(.button,.btn):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--buttons-radius-outset);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}:where(.button,.btn):after{content:"";position:absolute;top:var(--buttons-border-width);right:var(--buttons-border-width);bottom:var(--buttons-border-width);left:var(--buttons-border-width);z-index:1;border-radius:var(--buttons-radius);box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background));transition:box-shadow var(--duration-short) ease}:where(.button,.btn):not([disabled]):hover:after{--border-offset: 1.3px;box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background))}:where(.button,.btn):focus-visible,:where(.button,.btn).focused{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}:where(.button,.btn).button--secondary,:where(.button,.btn).btn--secondary{--color-button: var(--color-secondary-button);--color-button-text: var(--color-secondary-button-text)}:where(.button,.btn).button--tertiary,:where(.button,.btn).btn--tertiary,:where(.button,.btn).button--link,:where(.button,.btn).btn--link{--alpha-button-background: 0;--alpha-button-border: .2;background:transparent;color:rgb(var(--color-foreground))}:where(.button,.btn).button--sm,:where(.button,.btn).btn--sm{padding:1rem 2rem;min-height:calc(3.8rem + var(--buttons-border-width) * 2);font-size:1.4rem}:where(.button,.btn).button--lg,:where(.button,.btn).btn--lg{padding:1.6rem 3.2rem;min-height:calc(5.2rem + var(--buttons-border-width) * 2);font-size:1.6rem}:where(.button,.btn) .icon,:where(.button,.btn) .button__icon{width:1.8rem;height:1.8rem;flex:0 0 auto;color:currentColor}:where(.button,.btn)[disabled],:where(.button,.btn).disabled,:where(.button,.btn)[aria-disabled=true]{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/991/assets/global-buttons.css.map */