.button{display:inline-flex;justify-content:center;align-items:center;border:var(--buttons-border-width) solid rgba(var(--color-button),var(--buttons-border-opacity));padding:1.2rem 3rem;cursor:pointer;font:inherit;font-size:1.5rem;font-weight:600;letter-spacing:.1rem;line-height:calc(1 + .2 / var(--font-body-scale));text-decoration:none;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:var(--buttons-radius);transition:all var(--duration-default) var(--ease-out-slow);position:relative;overflow:hidden;min-width:calc(12rem + var(--buttons-border-width) * 2);min-height:calc(4.5rem + var(--buttons-border-width) * 2);text-align:center;box-shadow:var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur-radius) rgba(var(--color-shadow),var(--buttons-shadow-opacity))}.button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-button-text),.1);transform:translate(-100%);transition:transform var(--duration-medium) var(--ease-out-slow);z-index:1;pointer-events:none}.button:hover:before{transform:translate(0)}.button:hover{transform:translateY(-2px);box-shadow:var(--buttons-shadow-horizontal-offset) calc(var(--buttons-shadow-vertical-offset) + 4px) calc(var(--buttons-shadow-blur-radius) + 4px) rgba(var(--color-shadow),calc(var(--buttons-shadow-opacity) + .1))}.button:active{transform:translateY(0)}.button i{margin-right:1rem}.button--primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.button--secondary{background-color:transparent;color:rgb(var(--color-secondary-button-text));border-color:rgba(var(--color-secondary-button-text),.5)}.button--secondary:hover{background-color:rgba(var(--color-secondary-button-text),.05);border-color:rgb(var(--color-secondary-button-text))}.button--secondary:before{background:rgba(var(--color-secondary-button-text),.05)}.button--tertiary{background-color:transparent;color:rgb(var(--color-secondary-button-text));border-color:transparent;padding:.8rem 1.5rem;min-width:auto;min-height:auto}.button--tertiary:hover{background-color:rgba(var(--color-secondary-button-text),.05);transform:none;box-shadow:none}.button--tertiary:before{display:none}.button--outline{background-color:transparent;color:rgb(var(--color-button));border:2px solid rgb(var(--color-button))}.button--outline:hover{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.button--small{padding:.8rem 2rem;font-size:1.3rem;min-width:calc(8rem + var(--buttons-border-width) * 2);min-height:calc(3.5rem + var(--buttons-border-width) * 2)}.button--large{padding:1.6rem 4rem;font-size:1.7rem;min-width:calc(15rem + var(--buttons-border-width) * 2);min-height:calc(5.5rem + var(--buttons-border-width) * 2)}.button--full-width{display:flex;width:100%}.button.loading{color:transparent!important;pointer-events:none}.button.loading .loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;display:block!important}.button.loading .spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.5;filter:grayscale(1)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-button.css.map */