.button,.button-secondary,button.shopify-payment-button__button--unbranded{display:flex;align-items:center;justify-content:center;min-height:var(--button-size-md);padding:12px 24px;text-decoration:none;-webkit-appearance:none;appearance:none;color:var(--button-color);background-color:var(--button-background-color);font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-size:11px;line-height:14px;margin-block:0;cursor:pointer;width:fit-content;border:1px solid var(--button-border-color);outline:none;transition:color var(--animation-speed-button) var(--animation-easing),background-color var(--animation-speed-button) var(--animation-easing),border-color var(--animation-speed-button) var(--animation-easing)}.button{text-transform:var(--button-text-case-primary);border-radius:var(--style-border-radius-buttons-primary)}.button,button.shopify-payment-button__button--unbranded{--button-color: var(--color-primary-button-text);--button-background-color: var(--color-primary-button-background);--button-border-color: var(--color-primary-button-border)}.button:focus-visible,button.shopify-payment-button__button--unbranded:focus-visible{--button-background-color: var(--color-primary-button-hover-background);box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-border-focus)}.button:hover,button.shopify-payment-button__button--unbranded:hover:not([disabled]){--button-color: var(--color-primary-button-hover-text);--button-background-color: var(--color-primary-button-hover-background);--button-border-color: var(--color-primary-button-hover-border)}button.shopify-payment-button__button--unbranded:hover:not([disabled]){background-color:var(--button-background-color)}button.shopify-payment-button__button--unbranded{text-transform:var(--button-text-case-primary)}.button[aria-disabled=true],.button:disabled{cursor:not-allowed;--button-color: var(--color-disabled);--button-background-color: var(--color-bg-disabled);--button-border-color: var(--color-bg-disabled)}.button[hidden]{display:none}.button-secondary{--button-color: var(--color-secondary-button-text);--button-background-color: var(--color-secondary-button-background);--button-border-color: var(--color-secondary-button-border);text-transform:var(--button-text-case-secondary);border-radius:var(--style-border-radius-buttons-secondary)}.button-secondary:hover{--button-color: var(--color-secondary-button-hover-text);--button-background-color: var(--color-secondary-button-hover-background);--button-border-color: var(--color-secondary-button-hover-border)}.button-secondary:focus-visible{--button-background-color: var(--color-secondary-button-hover-background);box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-border-focus)}.button-secondary[aria-disabled=true],.button-secondary:disabled{--button-color: var(--color-disabled);--button-background-color: var(--color-bg-disabled);--button-border-color: var(--color-border-input-disabled)}.button-core{display:inline-block;width:fit-content;padding:0;text-decoration:underline;color:var(--color-primary);font-size:11px;line-height:14px;letter-spacing:.25px;text-transform:uppercase;text-underline-offset:4px;transition:text-decoration-color var(--animation-speed-button) var(--animation-easing),color var(--animation-speed-button) var(--animation-easing) opacity var(--animation-speed-button) var(--animation-easing);border:none;background:none;cursor:pointer}.button-core:hover{color:var(--color-secondary)}.button-core:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-border-focus)}.button-core[aria-disabled=true],.button-core:disabled{color:var(--color-disabled)}.button--loading{position:relative;pointer-events:none;color:transparent;transition:text-decoration-color 0ms}.button--loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;transform:translate(-50%,-50%);background-color:var(--color-bg-inverse)}.button--loading:before{content:"";position:absolute;top:50%;left:calc(50% - 10px);width:20px;height:2px;transform:translateY(-50%);background-color:var(--color-bg-light);z-index:1;animation:growShrink 3s ease-in-out infinite}.button.button--inverse,[data-inverse] .button{--button-color: var(--color-primary-button-text-inverse);--button-background-color: var(--color-primary-button-background-inverse);--button-border-color: var(--color-primary-button-border-inverse)}.button.button--inverse:hover,[data-inverse] .button:hover{--button-background-color: rgb(var(--color-primary-button-hover-background-inverse) / .9);--button-border-color: var(--color-primary-button-border-inverse)}.button.button--inverse[aria-disabled=true],.button.button--inverse:disabled,[data-inverse] .button[aria-disabled=true],[data-inverse] .button:disabled{--button-color: var(--color-disabled);--button-background-color: var(--color-bg-disabled);--button-border-color: var(--color-border-input-disabled)}.button.button--inverse:focus-visible,[data-inverse] .button:focus-visible{--button-background-color: rgb(var(--color-primary-button-hover-background-inverse) / .9);box-shadow:0 0 0 2px var(--color-border-focus),0 0 0 4px var(--color-background)}.button-secondary.button--inverse,[data-inverse] .button-secondary{--button-color: var(--color-secondary-button-text-inverse);--button-background-color: transparent;--button-border-color: var(--color-secondary-button-border-inverse)}.button-secondary.button--inverse:hover,[data-inverse] .button-secondary:hover{--button-border-color: var(--color-secondary-button-hover-border-inverse);--button-color: var(--color-secondary-button-hover-text-inverse);--button-background-color: rgb(var(--color-secondary-button-hover-background-inverse) / .1)}.button-secondary.button--inverse[aria-disabled=true],.button-secondary.button--inverse:disabled,[data-inverse] .button-secondary[aria-disabled=true],[data-inverse] .button-secondary:disabled{--button-color: var(--color-disabled);--button-background-color: var(--color-bg-disabled);--button-border-color: var(--color-border-input-disabled)}.button-secondary.button--inverse:focus-visible,[data-inverse] .button-secondary:focus-visible{--button-background-color: rgb(var(--color-secondary-button-hover-background-inverse) / .1);box-shadow:0 0 0 2px var(--color-border-focus),0 0 0 4px var(--color-background)}.button-core.button--inverse,[data-inverse] .button-core{color:var(--color-inverse)}.button-core.button--inverse:hover,[data-inverse] .button-core:hover{color:var(--color-bg-light)}.button-core.button--inverse:focus-visible,[data-inverse] .button-core:focus-visible{color:var(--color-bg-light)}.button-core.button--inverse[aria-disabled=true],.button-core.button--inverse:disabled,[data-inverse] .button-core[aria-disabled=true],[data-inverse] .button-core:disabled{color:var(--color-disabled)}.button.button--small{min-height:var(--button-size-sm);padding:8px 20px}.button.button--large{min-height:var(--button-size-lg);padding:16px 24px}.button-full{width:100%}.button-unstyled{display:block;padding:0;background-color:inherit;color:inherit;border:0;border-radius:0;overflow:hidden;box-shadow:none;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-size:var(--font-paragraph--size)}.button-unstyled:hover{background-color:inherit}.button-unstyled--with-icon{color:var(--color-foreground);display:flex;gap:var(--gap-2xs);align-items:center}.button-unstyled--transparent{background-color:transparent;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/336/assets/button.css.map */
