.app-button{width:fit-content;height:fit-content;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;transition:background .3s ease-in-out,color .3s ease-in-out}.app-button[disabled],.app-button[aria-disabled=true]{pointer-events:none}.app-button--small{border-radius:var(--border-radius-button-small);min-height:4rem;gap:var(--space-4);padding:var(--space-8) var(--space-12)}.app-button--medium{border-radius:var(--border-radius-button-medium);min-height:4.8rem;gap:var(--space-4);padding:var(--space-12) var(--space-16)}.app-button--large{border-radius:var(--border-radius-button-large);min-height:5.6rem;gap:var(--space-8);padding:var(--space-16) var(--space-24)}.app-button--large .app-button__icon{width:2.4rem;height:2.4rem}.app-button--huge{border-radius:var(--border-radius-button-huge);min-height:4.5rem;gap:var(--space-8);padding:var(--space-20) var(--space-24)}.app-button--huge .app-button__icon{width:3.2rem;height:3.2rem}.app-button--full-width:not(.app-button--icon-only){width:100%}.shopify-block:has(.app-button--full-width:not(.app-button--icon-only)){width:100%}.app-button--primary{background-color:var(--fill-brand-default);color:var(--text-bold-primary)}.app-button--primary .app-button__label{color:var(--text-bold-primary)}.app-button--primary:hover:not([disabled]):not([aria-disabled=true]){background-color:var(--fill-brand-hover)}.app-button--primary:active:not([disabled]):not([aria-disabled=true]){background-color:var(--fill-brand-active)}.app-button--primary[disabled],.app-button--primary[aria-disabled=true]{background-color:var(--fill-brand-disabled);cursor:not-allowed}.app-button--neutral{background-color:var(--fill-neutral-default);color:var(--text-brand-default)}.app-button--neutral .app-button__label{color:var(--text-brand-default)}.app-button--neutral:hover:not([disabled]):not([aria-disabled=true]){background-color:var(--fill-neutral-hover);color:var(--text-brand-hover)}.app-button--neutral:hover:not([disabled]):not([aria-disabled=true]) .app-button__label{color:var(--text-brand-hover)}.app-button--neutral:active:not([disabled]):not([aria-disabled=true]){background-color:var(--fill-neutral-default)}.app-button--neutral[disabled],.app-button--neutral[aria-disabled=true]{background-color:var(--fill-neutral-disabled)}.app-button--secondary{background-color:var(--fill-secondary-default);color:var(--text-secondary)}.app-button--secondary .app-button__label{color:var(--text-secondary)}.app-button--secondary:hover:not([disabled]):not([aria-disabled=true]){background-color:var(--fill-secondary-hover);color:var(--text-primary)}.app-button--secondary:hover:not([disabled]):not([aria-disabled=true]) .app-button__label{color:var(--text-primary)}.app-button--secondary:active:not([disabled]):not([aria-disabled=true]){background-color:var(--fill-secondary-default)}.app-button--secondary[disabled],.app-button--secondary[aria-disabled=true]{background-color:var(--fill-secondary-disabled)}.app-button--tertiary{background:none;color:var(--text-secondary)}.app-button--tertiary .app-button__label{color:var(--text-secondary)}.app-button--tertiary:hover:not([disabled]):not([aria-disabled=true]){color:var(--text-primary)}.app-button--tertiary:hover:not([disabled]):not([aria-disabled=true]) .app-button__label{color:var(--text-primary)}.app-button--tertiary:active:not([disabled]):not([aria-disabled=true]){background-color:var(--fill-secondary-default)}.app-button--pulsing:not([disabled]):not([aria-disabled=true]){box-shadow:0 0 color-mix(in srgb,var(--fill-brand-default) 40%,transparent);animation:pulsing-button 1.5s cubic-bezier(.66,0,0,1) infinite}.app-button__icon{width:2rem;height:2rem;display:flex;flex:none;align-items:center;justify-content:center;color:inherit}.app-button__icon>.app-icon{color:inherit}.app-button--icon svg{width:100%;height:100%;fill:currentColor}.app-button--icon-only{padding:var(--space-12);min-width:4.8rem;aspect-ratio:1}.app-button--small.app-button--icon-only{padding:var(--space-8);min-width:4rem}.app-button--large.app-button--icon-only{padding:var(--space-16);min-width:5.6rem}.app-button--huge.app-button--icon-only{padding:var(--space-20);min-width:7.2rem}.app-button__label{display:inline-block}.app-button.loading .app-button__label{visibility:hidden}@keyframes pulsing-button{to{box-shadow:0 0 0 1.2rem color-mix(in srgb,var(--fill-brand-transparent) 0%,transparent)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-app_button.css.map */