.customized-button{--color-button: var(--color-secondary-button);--color-button-text: var(--color-secondary-button-text);display:inline-flex;justify-content:center;align-items:center;gap:.6rem;padding:0 .5rem;min-width:calc(3rem + var(--buttons-border-width) * 2);min-height:calc(3rem + var(--buttons-border-width) * 2);border:var(--buttons-border-width) solid rgba(var(--color-button-text),.2);border-radius:var(--buttons-radius-outset);cursor:pointer;font:inherit;font-size:1.5rem;letter-spacing:.1rem;line-height:calc(1 + .2 / var(--font-body-scale));text-decoration:none;-webkit-appearance:none;appearance:none;color:rgba(var(--color-button-text),.5);background-color:rgba(var(--color-button),var(--alpha-button-background));transition:border-color var(--duration-short) ease,color var(--duration-short) ease}.customized-button--selected{border-color:rgba(var(--color-button-text),var(--buttons-border-opacity));color:rgba(var(--color-button-text),var(--buttons-border-opacity))}.customized-button--noselected{border-color:rgba(var(--color-foreground),.5);color:rgba(var(--color-foreground),.5)}.customized-button:hover{outline:.3rem solid rgba(var(--color-foreground),.2)}.customized-button__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.customized-button__icon svg{width:100%;height:100%;fill:currentColor}.customized-button__text{display:inline-block}.customized-button--success{--color-button: 40, 167, 69;--color-button-text: 40, 167, 69;--alpha-button-background: 0}.customized-button--warning{--color-button: 255, 193, 7;--color-button-text: 255, 193, 7;--alpha-button-background: 0}.customized-button--error{--color-button: 220, 53, 69;--color-button-text: 220, 53, 69;--alpha-button-background: 0}.customized-button--large{padding:1.2rem 2.6rem;min-width:calc(9rem + var(--buttons-border-width) * 2);min-height:calc(3.5rem + var(--buttons-border-width) * 2)}.customized-button--tertiary{font-size:1.2rem;padding:1rem 1.5rem;min-width:calc(9rem + var(--buttons-border-width) * 2);min-height:calc(3.5rem + var(--buttons-border-width) * 2)}.customized-button--full-width{display:flex;width:100%}.customized-button--icon-only{padding:0 1.2rem;min-width:calc(4.5rem + var(--buttons-border-width) * 2)}.customized-button.loading{color:transparent;position:relative}@media screen and (forced-colors: active){.customized-button.loading{color:rgb(var(--color-foreground))}}.customized-button.loading>.loading__spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;height:100%;display:flex;align-items:center}.customized-button.loading.customized-button--selected>.loading__spinner{color:rgba(var(--color-button-text),var(--buttons-border-opacity))}.customized-button.loading.customized-button--noselected>.loading__spinner{color:rgba(var(--color-foreground),.5)}.customized-button.loading>.loading__spinner .spinner{width:fit-content}.customized-button.loading>.loading__spinner .path{stroke:currentColor}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-customized-button.css.map */