:root{--silo-button-height: 48px;--silo-button-height-small: 40px;--silo-button-radius: 999px;--silo-button-font-size: 16px;--silo-button-font-weight: 500;--silo-button-primary: var(--silo-primary);--silo-button-ink: var(--silo-ink);--silo-button-white: #fff}.silo-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--silo-button-height);margin:0;padding-inline:28px;border:0;border-radius:var(--silo-button-radius);font-family:var(--font-body-family);font-size:var(--silo-button-font-size);font-weight:var(--silo-button-font-weight);line-height:20px;letter-spacing:0;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease;-webkit-appearance:none;appearance:none}.silo-button--primary{color:var(--silo-button-white);background-color:var(--silo-button-primary)}.silo-button--primary:active:not([disabled]){background-color:var(--silo-button-ink)}@media(hover:hover){.silo-button--primary:hover:not([disabled]){background-color:var(--silo-button-ink)}}.silo-button--outline{color:var(--silo-button-primary);background-color:var(--silo-button-white);box-shadow:inset 0 0 0 2px var(--silo-button-primary)}.silo-button--outline:active:not([disabled]){color:var(--silo-button-white);background-color:var(--silo-button-primary)}@media(hover:hover){.silo-button--outline:hover:not([disabled]){color:var(--silo-button-white);background-color:var(--silo-button-primary)}}.silo-button--outline-light{color:var(--silo-button-white);background:transparent;box-shadow:inset 0 0 0 2px var(--silo-button-white)}.silo-button--outline-light:active:not([disabled]){color:var(--silo-button-ink);background-color:var(--silo-button-white)}@media(hover:hover){.silo-button--outline-light:hover:not([disabled]){color:var(--silo-button-ink);background-color:var(--silo-button-white)}}.silo-button--outline,.silo-button--outline-light{transition:opacity .2s ease}.silo-button--small{height:var(--silo-button-height-small);padding-inline:18px;font-size:14px;line-height:18px}.silo-button--full{width:100%}.silo-button[disabled],.silo-button[aria-disabled=true]{cursor:not-allowed;opacity:.6}.silo-button.loading>span{visibility:hidden}.silo-button>.loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;display:flex;align-items:center;justify-content:center}.silo-button>.loading__spinner.hidden{display:none}.silo-button>.loading__spinner .spinner{width:18px}.silo-button>.loading__spinner .path{stroke:currentColor}@media(prefers-reduced-motion){.silo-button{transition:none}}.button,.shopify-challenge__button,.customer button,button.shopify-payment-button__button--unbranded{--buttons-radius: var(--silo-button-radius);--buttons-radius-outset: var(--silo-button-radius)}.product-form__input .swatch-input__input+.swatch-input__label.swatch-input__label--square,.swatch--square{--swatch-input--border-radius: var(--silo-button-radius)}.product-form__input--pill{--variant-pills-radius: var(--silo-button-radius)}shopify-accelerated-checkout,shopify-accelerated-checkout-cart{--shopify-accelerated-checkout-button-border-radius: var(--silo-button-radius)}.button:not(.button--tertiary,.button--small),.shopify-challenge__button,.customer button{min-height:var(--silo-button-height);font-size:var(--silo-button-font-size);font-weight:var(--silo-button-font-weight);letter-spacing:0}.button:not(.button--secondary,.button--tertiary,[disabled]):hover,.shopify-challenge__button:hover,.customer button:hover{--color-button: 17, 18, 19}
/*# sourceMappingURL=/cdn/shop/t/28/assets/silo-button.css.map */