.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height);width:auto;max-width:100%;padding:var(--space-12) var(--space-24);border:1px solid transparent;border-radius:var(--button-radius);transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base);font-family:var(--font-ui-family);font-style:var(--font-ui-style);font-weight:600;line-height:var(--font-ui-line-height);letter-spacing:var(--font-ui-letter-spacing);text-transform:uppercase;font-size:calc(1.2rem * var(--font-ui-scale));cursor:pointer;justify-self:start;align-self:start}.button--primary{background:rgb(var(--scheme-button-bg));color:rgb(var(--scheme-button-text))}.button--primary:hover,.button--primary:focus-visible{background:rgb(var(--scheme-button-hover-bg));color:rgb(var(--scheme-button-hover-text))}.button--secondary{background:rgb(var(--scheme-accent));color:rgb(var(--scheme-heading))}.button--ghost{background:transparent;color:rgb(var(--scheme-heading));padding-inline:0;border:0;justify-content:flex-start}.button--outline{border-color:rgb(var(--scheme-border));background:transparent;color:rgb(var(--scheme-heading))}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-button.css.map */