.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-height);padding:0 var(--btn-padding-x);border-radius:var(--btn-radius);font-family:var(--font-body-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);letter-spacing:var(--btn-letter-spacing);text-transform:var(--btn-transform);text-decoration:none;white-space:nowrap;cursor:pointer;border:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.button:disabled,.button[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.button--primary{background:var(--color-black);color:var(--color-white);border:1.5px solid var(--color-black)}.button--primary:hover{background:var(--color-gray-800);border-color:var(--color-gray-800)}.button--secondary{background:transparent;color:var(--color-black);border:1.5px solid var(--color-black)}.button--secondary:hover{background:var(--color-black);color:var(--color-white)}.button--outline-white{background:transparent;color:var(--color-white);border:1.5px solid rgba(255,255,255,.75)}.button--outline-white:hover{background:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.button--accent{background:var(--color-accent);color:var(--color-black);border:1.5px solid var(--color-accent)}.button--accent:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.button--text{height:auto;padding:0;background:none;border:none;color:var(--color-black);font-size:var(--font-size-sm);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;position:relative}.button--text:after{content:" \2192";transition:transform var(--transition-fast);display:inline-block}.button--text:hover:after{transform:translate(4px)}.button--lg{height:var(--btn-height-lg);padding:0 var(--space-10);font-size:var(--font-size-base)}.button--full-width{width:100%}.button--loading{position:relative;color:transparent!important}.button--loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-buttons.css.map */