.button.button--primary,.button.button--secondary{--buttons-radius: .6rem;--buttons-radius-outset: .6rem;border-radius:.6rem}.button.button--primary:before,.button.button--secondary:before,.button.button--primary:after,.button.button--secondary:after{border-radius:.6rem}.button.button--primary{--color-button: var(--color-base-accent-1);--color-button-text: var(--color-base-solid-button-labels);--alpha-button-background: 1;--alpha-button-border: 1;color:rgb(var(--color-base-solid-button-labels));background-color:rgb(var(--color-base-accent-1));background-image:linear-gradient(rgb(var(--color-base-accent-2)),rgb(var(--color-base-accent-2)));background-repeat:no-repeat;background-position:left center;background-size:0% 100%;transition:background-size .45s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1)}.button.button--secondary{--color-button: var(--color-base-solid-button-labels);--color-button-text: var(--color-base-solid-button-labels);--alpha-button-background: 0;--alpha-button-border: 1;color:rgb(var(--color-base-solid-button-labels));background-color:transparent;background-image:linear-gradient(rgb(var(--color-base-solid-button-labels)),rgb(var(--color-base-solid-button-labels)));background-repeat:no-repeat;background-position:left center;background-size:0% 100%;transition:background-size .45s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (pointer:fine){.button.button--primary:not([disabled]):not([aria-disabled=true]):hover{background-size:100% 100%;color:rgb(var(--color-base-solid-button-labels))}.button.button--secondary:not([disabled]):not([aria-disabled=true]):hover{background-size:100% 100%;color:rgb(var(--color-base-accent-2))}}@media(hover:hover)and (pointer:fine){.button.button--primary:not([disabled]):hover:after,.button.button--secondary:not([disabled]):hover:after{--border-offset: var(--buttons-border-offset);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))}}.button.button--secondary:after{--border-opacity: 1}.button.button--primary .button__icon,.button.button--secondary .button__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:currentColor;transition:transform .3s cubic-bezier(.22,1,.36,1)}.button.button--primary .button__icon svg,.button.button--secondary .button__icon svg{display:block}@media(hover:hover)and (pointer:fine){.button.button--primary:not([disabled]):not([aria-disabled=true]):hover .button__icon,.button.button--secondary:not([disabled]):not([aria-disabled=true]):hover .button__icon{transform:translate(.25rem)}}.button.button--primary.loading,.button.button--secondary.loading{color:transparent}.button.button--primary.loading .button__icon,.button.button--secondary.loading .button__icon{visibility:hidden}.button.button--primary[disabled],.button.button--primary[aria-disabled=true],.button.button--secondary[disabled],.button.button--secondary[aria-disabled=true]{background-size:0% 100%}@media(prefers-reduced-motion:reduce){.button.button--primary,.button.button--secondary,.button.button--primary .button__icon,.button.button--secondary .button__icon{transition:none}}@media(hover:hover)and (pointer:fine){.button.button--primary:not([disabled]):not([aria-disabled=true]):hover{box-shadow:0 8px 24px #c78bce47}.button.button--secondary:not([disabled]):not([aria-disabled=true]):hover{box-shadow:0 8px 24px #ffffff24}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/nightglow-buttons.css.map */