:root{--ff-btn-radius: 16px;--ff-btn-font-size: 16px;--ff-btn-font-weight: 700;--ff-btn-line-height: 1;--ff-btn-min-height: 52px;--ff-btn-padding-block: 16px;--ff-btn-padding-inline: 28px;--ff-btn-gap: 8px;--ff-btn-border-width: 1px;--ff-btn-transition: .2s ease;--ff-btn-primary-bg: #111111;--ff-btn-primary-bg-hover: #333333;--ff-btn-primary-text: #ffffff;--ff-btn-secondary-border: #111111;--ff-btn-secondary-text: #111111;--ff-btn-secondary-bg-hover: #111111;--ff-btn-secondary-border-hover: #111111;--ff-btn-secondary-text-hover: #ffffff;--ff-btn-tertiary-text: #111111;--ff-btn-tertiary-text-hover: #767676;--ff-btn-primary-bg-on-dark: #ffffff;--ff-btn-primary-bg-on-dark-hover: #e2d8cd;--ff-btn-primary-text-on-dark: #111111;--ff-btn-secondary-border-on-dark: #ffffff;--ff-btn-secondary-text-on-dark: #ffffff;--ff-btn-secondary-bg-on-dark-hover: #ffffff;--ff-btn-secondary-border-on-dark-hover: #ffffff;--ff-btn-secondary-text-on-dark-hover: #111111;--ff-btn-tertiary-text-on-dark: #ffffff;--ff-btn-tertiary-text-on-dark-hover: #a3a3a3}.ff-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ff-btn-gap);font-family:var(--font-body-family, "Work Sans", sans-serif);font-style:var(--font-body-style, normal);font-size:var(--ff-btn-font-size);font-weight:var(--ff-btn-font-weight);line-height:var(--ff-btn-line-height);letter-spacing:0;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;border-radius:var(--ff-btn-radius);padding:var(--ff-btn-padding-block) var(--ff-btn-padding-inline);min-height:var(--ff-btn-min-height);border:var(--ff-btn-border-width) solid transparent;background-color:transparent;color:inherit;transition:background-color var(--ff-btn-transition),color var(--ff-btn-transition),border-color var(--ff-btn-transition),transform var(--ff-btn-transition);-webkit-appearance:none;appearance:none}.ff-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.ff-btn:disabled,.ff-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ff-btn__label{display:inline-block}.ff-btn__arrow{flex-shrink:0;transition:transform var(--ff-btn-transition)}.ff-btn--primary{background-color:var(--ff-btn-primary-bg);color:var(--ff-btn-primary-text);border-color:var(--ff-btn-primary-bg)}.ff-btn--primary:hover{background-color:var(--ff-btn-primary-bg-hover);border-color:var(--ff-btn-primary-bg-hover);color:var(--ff-btn-primary-text)}.ff-btn--secondary{background-color:transparent;color:var(--ff-btn-secondary-text);border-color:var(--ff-btn-secondary-border)}.ff-btn--secondary:hover{background-color:var(--ff-btn-secondary-bg-hover);color:var(--ff-btn-secondary-text-hover);border-color:var(--ff-btn-secondary-bg-hover)}.ff-btn--tertiary{background-color:transparent;border-color:transparent;padding:8px 0;min-height:0;color:var(--ff-btn-tertiary-text);border-radius:0}.ff-btn--tertiary:hover{color:var(--ff-btn-tertiary-text-hover);background-color:transparent;border-color:transparent}.ff-btn--tertiary:hover .ff-btn__arrow{transform:translate(4px)}.ff-btn--tertiary:focus-visible{outline-offset:4px}.ff-btn--on-dark.ff-btn--primary{background-color:var(--ff-btn-primary-bg-on-dark);color:var(--ff-btn-primary-text-on-dark);border-color:var(--ff-btn-primary-bg-on-dark)}.ff-btn--on-dark.ff-btn--primary:hover{background-color:var(--ff-btn-primary-bg-on-dark-hover);border-color:var(--ff-btn-primary-bg-on-dark-hover);color:var(--ff-btn-primary-text-on-dark)}.ff-btn--on-dark.ff-btn--secondary{color:var(--ff-btn-secondary-text-on-dark);border-color:var(--ff-btn-secondary-border-on-dark)}.ff-btn--on-dark.ff-btn--secondary:hover{background-color:var(--ff-btn-secondary-bg-on-dark-hover);color:var(--ff-btn-secondary-text-on-dark-hover);border-color:var(--ff-btn-secondary-bg-on-dark-hover)}.ff-btn--on-dark.ff-btn--tertiary{color:var(--ff-btn-tertiary-text-on-dark)}.ff-btn--on-dark.ff-btn--tertiary:hover{color:var(--ff-btn-tertiary-text-on-dark-hover)}@media(prefers-reduced-motion:reduce){.ff-btn,.ff-btn__arrow{transition-duration:0ms}.ff-btn--tertiary:hover .ff-btn__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-ff-button.css.map */