.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--btn-padding-v, .875rem) var(--btn-padding-h, 2rem);font-family:var(--font-body-family);font-size:var(--btn-font-size, .875rem);font-weight:var(--btn-font-weight, 600);letter-spacing:.04em;text-decoration:none;border:var(--btn-border-width, 2px) solid transparent;border-radius:var(--btn-border-radius, var(--radius));cursor:pointer;transition:all var(--duration) var(--easing);min-height:2.75rem;min-width:2.75rem;position:relative;text-align:center;line-height:1.2}.button--solid{background-color:var(--btn-bg-color, var(--color-heading));color:var(--btn-text-color, var(--color-bg));border-color:var(--btn-bg-color, var(--color-heading))}.button--solid:hover{opacity:.85}.button--outline{background-color:transparent;color:var(--btn-border-color, var(--color-heading));border-color:var(--btn-border-color, var(--color-heading))}.button--outline:hover{background-color:var(--btn-bg-color, var(--color-heading));color:var(--btn-text-color, var(--color-bg))}.button--ghost{background-color:transparent;color:var(--btn-border-color, var(--color-heading));border-color:transparent}.button--ghost:hover{background-color:var(--btn-bg-color, var(--color-heading));color:var(--btn-text-color, var(--color-bg))}.button--small{padding:calc(var(--btn-padding-v, .875rem) * .57) calc(var(--btn-padding-h, 2rem) * .625);font-size:calc(var(--btn-font-size, .875rem) * .93);min-height:2.25rem}.button--large{padding:calc(var(--btn-padding-v, .875rem) * 1.14) calc(var(--btn-padding-h, 2rem) * 1.25);font-size:calc(var(--btn-font-size, .875rem) * 1.14);min-height:3.25rem}.button--full-width{width:100%}.button--shadow:hover{box-shadow:0 4px 12px #00000026}.button[disabled],.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.button--loading{color:transparent!important;pointer-events:none}.button--loading:after{content:"";position:absolute;width:1.25rem;height:1.25rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite}.button--loading.button--solid:after{border-color:var(--btn-text-color, var(--color-bg));border-right-color:transparent}@keyframes button-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-button.css.map */