.odk-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--step-2);box-sizing:border-box;font-family:var(--sans);font-weight:var(--w-semibold);line-height:1;letter-spacing:var(--track-base);text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-cta);cursor:pointer;transition:background var(--dur-base) var(--ease-hover),color var(--dur-base) var(--ease-hover),border-color var(--dur-base) var(--ease-hover),transform 50ms var(--ease-hover)}.odk-btn:active:where(:not(:disabled,[aria-disabled=true])){transform:translateY(.5px)}.odk-btn:disabled,.odk-btn[aria-disabled=true]{cursor:not-allowed;opacity:.65}.odk-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.odk-btn--md{min-height:42px;font-size:var(--t-small);padding:0 var(--step-4-5)}.odk-btn--sm{min-height:34px;font-size:var(--t-eyebrow);padding:0 var(--step-3-5)}.odk-btn--lg{min-height:46px;font-size:var(--t-ui);padding:0 var(--step-5-5)}.odk-btn--icon{aspect-ratio:1;border-radius:var(--radius-pill)}.odk-btn--icon.odk-btn--md{padding:0;width:42px}.odk-btn--icon.odk-btn--sm{padding:0;width:34px}.odk-btn--icon.odk-btn--lg{padding:0;width:46px}.odk-btn--primary{background:var(--accent);color:var(--on-accent)}.odk-btn--primary:hover:where(:not(:disabled,[aria-disabled=true])){background:var(--accent-hover)}.odk-btn--primary:disabled,.odk-btn--primary[aria-disabled=true]{background:var(--accent-disabled);color:var(--ink-soft);opacity:1}.odk-btn--secondary{background:var(--fill);color:var(--ink);border-color:transparent}.odk-btn--secondary:hover:where(:not(:disabled,[aria-disabled=true])){background:var(--fill-2);color:var(--ink)}.odk-btn--outline{background:transparent;color:var(--ink);border-color:var(--border-quiet)}.odk-btn--outline:hover:where(:not(:disabled,[aria-disabled=true])){background:var(--fill)}.odk-btn--outline:disabled,.odk-btn--outline[aria-disabled=true]{color:var(--muted-2);border-color:var(--hairline)}.odk-btn--ghost{background:transparent;color:var(--ink)}.odk-btn--ghost:hover:where(:not(:disabled,[aria-disabled=true])){background:var(--fill)}.odk-btn--danger{background:var(--colour-disagree);color:var(--on-colour-disagree)}.odk-btn--danger:hover:where(:not(:disabled,[aria-disabled=true])){background:color-mix(in srgb,var(--colour-disagree) 88%,var(--ink))}.odk-btn--tint{background:var(--accent-wash);color:var(--ink);border-color:transparent;border-radius:var(--radius-pill)}.odk-btn--tint:hover:where(:not(:disabled,[aria-disabled=true])){background:var(--fill-2)}.odk-btn--tint:focus-visible{border-radius:var(--radius-pill)}.odk-btn--quiet{background:transparent;color:var(--ink-2);border-color:transparent}.odk-btn--quiet:hover:where(:not(:disabled,[aria-disabled=true])){color:var(--ink)}