.tp-button{box-sizing:border-box;font:var(--tp-type-button);font-stretch:var(--tp-type-button-width);letter-spacing:var(--tp-type-button-tracking);text-transform:var(--tp-type-button-case);white-space:nowrap;cursor:pointer;transition:background-color var(--tp-motion-hover) var(--tp-ease-hover), border-color var(--tp-motion-hover) var(--tp-ease-hover), color var(--tp-motion-hover) var(--tp-ease-hover);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.tp-button:focus-visible{outline:var(--tp-focus-outline);outline-offset:var(--tp-focus-offset)}.tp-button[data-size=sm]{min-block-size:36px;padding:4px 16px}.tp-button[data-size=md]{min-block-size:44px;padding:6px 20px}.tp-button[data-size=lg]{min-block-size:52px;padding:8px 26px}.tp-button[data-tone=primary]{color:var(--tp-action-primary-text);background:var(--tp-action-primary-bg)}.tp-button[data-tone=primary]:hover:not(:disabled){background:var(--tp-action-primary-bg-hover)}.tp-button[data-tone=secondary]{color:var(--tp-text-heading);background:var(--tp-tint)}.tp-button[data-tone=secondary]:hover:not(:disabled){background:var(--tp-brand-bg)}.tp-button[data-tone=ghost]{color:var(--tp-text-heading);background:0 0}.tp-button[data-tone=ghost]:hover:not(:disabled){background:var(--tp-tint)}.tp-button[data-tone=outline]{color:var(--tp-text-heading);background:var(--tp-surface);border-color:var(--tp-border-strong);box-shadow:var(--tp-elev-1)}.tp-button[data-tone=outline]:hover:not(:disabled){border-color:var(--tp-border-field)}.tp-button[data-tone=danger]{color:var(--tp-action-danger-text);background:var(--tp-action-danger-bg)}.tp-button:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.tp-button{transition:none}}