body.theme--monochrome :where(.sps-btn).sps-btn--primary{background:#fff!important;color:#000!important;border:0!important}body.theme--monochrome :where(.sps-btn).sps-btn--secondary{background:transparent!important;color:#fff!important;border:1.5px solid #ffffff!important}:where(.sps-btn):after{content:none!important}:where(.button,.btn,.sps-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;box-shadow:none!important;-webkit-appearance:none;appearance:none}:where(.button,.btn,.sps-btn):before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:-1;border-radius:calc(var(--buttons-radius-outset) + 6px);background:conic-gradient(from 0deg,#fff0,#ffffff40,#fff0,#ffffff40,#fff0 360deg);opacity:0;transform:rotate(0);transition:opacity .35s ease,transform 2.6s linear;will-change:opacity,transform;pointer-events:none}:where(.button,.btn,.sps-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,.sps-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,.sps-btn):not([disabled]):hover:before,:where(.button,.btn,.sps-btn):not([disabled]):focus-visible:before{opacity:1;transform:rotate(360deg)}:where(.button,.btn,.sps-btn):active:before{opacity:1;transform:rotate(360deg)}:where(.button,.btn,.sps-btn):focus-visible,:where(.button,.btn,.sps-btn).focused{outline:2px solid currentColor;outline-offset:2px;box-shadow:none!important}:where(.button,.btn,.sps-btn).button--secondary,:where(.button,.btn,.sps-btn).btn--secondary{--color-button: var(--color-secondary-button);--color-button-text: var(--color-secondary-button-text)}:where(.sps-btn).sps-btn--secondary{--color-button: var(--color-button);--color-button-text: var(--color-button-text)}:where(.button,.btn,.sps-btn).button--tertiary,:where(.button,.btn,.sps-btn).btn--tertiary,:where(.button,.btn,.sps-btn).button--link,:where(.button,.btn,.sps-btn).btn--link{--alpha-button-background: 0;--alpha-button-border: .2;background:transparent;color:rgb(var(--color-foreground))}:where(.button,.btn,.sps-btn).button--sm,:where(.button,.btn,.sps-btn).btn--sm{padding:1rem 2rem;min-height:calc(3.8rem + var(--buttons-border-width) * 2);font-size:1.4rem}:where(.button,.btn,.sps-btn).button--lg,:where(.button,.btn,.sps-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,.sps-btn) .icon,:where(.button,.btn,.sps-btn) .button__icon{width:1.8rem;height:1.8rem;flex:0 0 auto;color:currentColor}:where(.button,.btn,.sps-btn)[disabled],:where(.button,.btn,.sps-btn).disabled,:where(.button,.btn,.sps-btn)[aria-disabled=true]{cursor:not-allowed;opacity:.6}:where(.button,.btn,.sps-btn):active{transform:translateY(0);box-shadow:none!important}body.typo-grok :where(.button,.btn,.sps-btn){border-radius:9999px!important;background:transparent!important;background-image:none!important;color:#fff!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:none!important;letter-spacing:0;text-transform:none;font-weight:600}body.typo-grok :where(.button,.btn,.sps-btn):before,body.typo-grok :where(.button,.btn,.sps-btn):after{content:none!important;box-shadow:none!important}body.typo-grok :where(.button,.btn,.sps-btn):hover{border-color:#ffffffe6!important;box-shadow:0 0 0 1px #ffffffd9,0 0 12px #ffffff2e,0 0 28px #ffffff38!important;transform:translateY(-1px)}body.typo-grok :where(.button,.btn,.sps-btn):focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px;box-shadow:0 0 0 1px #ffffffe6,0 0 12px #ffffff38,0 0 28px #ffffff47!important}
/*# sourceMappingURL=/cdn/shop/t/1654/assets/global-buttons.css.map */