:root{--tc-btn-radius: 2rem;--tc-btn-padding-y: 16px;--tc-btn-padding-x: 36px;--tc-btn-font-size: 11px;--tc-btn-letter-spacing: .28em;--tc-btn-border-light: rgba(255, 243, 230, .2);--tc-btn-border-dark: rgba(63, 35, 24, .25)}.tc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--tc-btn-padding-y) var(--tc-btn-padding-x);font-family:var(--font-stack-body);font-size:var(--tc-btn-font-size);font-weight:700;letter-spacing:var(--tc-btn-letter-spacing);text-transform:uppercase;text-decoration:none;border-radius:var(--tc-btn-radius);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color var(--tc-motion-duration-fast, .28s) var(--tc-motion-ease-smooth, ease),color var(--tc-motion-duration-fast, .28s) var(--tc-motion-ease-smooth, ease),border-color var(--tc-motion-duration-fast, .28s) var(--tc-motion-ease-smooth, ease),transform var(--tc-motion-duration-fast, .28s) var(--tc-motion-ease-smooth, ease);-webkit-tap-highlight-color:transparent}.tc-btn:active{transform:scale(.98)}.tc-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3e638}.tc-btn[aria-disabled=true],.tc-btn:disabled{opacity:.55;pointer-events:none}.tc-btn--primary{background-color:var(--tc-mid);color:var(--tc-dark);border-color:var(--tc-mid)}.tc-btn--primary:hover,.tc-btn--primary:focus-visible{background-color:var(--tc-cream);border-color:var(--tc-cream);color:var(--tc-dark)}.tc-btn--ghost{background-color:transparent;color:var(--tc-cream);border-color:var(--tc-btn-border-light)}.tc-btn--ghost:hover,.tc-btn--ghost:focus-visible{background-color:#fff3e60f;border-color:#fff3e673;color:var(--tc-cream)}.tc-btn--ghost-dark{background-color:transparent;color:var(--tc-dark);border-color:var(--tc-btn-border-dark)}.tc-btn--ghost-dark:hover,.tc-btn--ghost-dark:focus-visible{background-color:#3f23180d;border-color:var(--tc-dark);color:var(--tc-dark)}.tc-btn--sm{padding:11px 24px;font-size:10px;letter-spacing:.22em}.tc-btn--lg{padding:20px 48px;font-size:12px}.tc-btn__arrow{flex-shrink:0;transition:transform var(--tc-motion-duration-fast, .28s) var(--tc-motion-ease-smooth, ease)}.tc-btn:hover .tc-btn__arrow,.tc-btn:focus-visible .tc-btn__arrow{transform:translate(4px)}.tc-btn--full{width:100%}@media(max-width:640px){.tc-btn{padding:14px 28px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-tc-buttons.css.map */