.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 40px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:#fff;background:linear-gradient(to right,var(--color-secondary) 50%,var(--color-primary) 50%);background-size:200% 100%;background-position:right bottom;border:2px solid var(--color-primary);border-radius:0;cursor:pointer;transition:background-position .4s ease,border-color .3s ease,color .3s ease;line-height:1.2;white-space:nowrap}.button:hover{background-position:left bottom;border-color:var(--color-secondary);color:#fff}.button:active{transform:scale(.97)}.button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}.button--secondary{background-color:transparent;background:linear-gradient(to right,var(--color-secondary) 50%,transparent 50%);background-size:200% 100%;background-position:right bottom;color:var(--color-primary);border:1.5px solid var(--color-primary)}.button--secondary:hover{background-position:left bottom;border-color:var(--color-secondary);color:#fff}.button--ghost{background:none;border:none;color:var(--color-primary);padding:16px 40px}.button--ghost:after{content:"\2192";display:inline-block;transition:transform .3s ease}.button--ghost:hover{background:none;border:none;color:var(--color-secondary)}.button--ghost:hover:after{transform:translate(4px)}.button--ghost-plain{background:none;border:none;padding:0;font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--color-primary);cursor:pointer;text-decoration:none;letter-spacing:.02em;transition:color .3s var(--transition-smooth)}.button--ghost-plain:hover{color:var(--color-secondary)}.button--large{padding:18px 56px}.button--small{padding:10px 20px;font-size:11px}.button--pill{border-radius:100px}.button--full-width{width:100%}.button--icon{width:48px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center}.button[disabled],.button--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-button.css.map */