@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:44px;padding-inline:1.25rem;border:2px solid transparent;border-radius:var(--radius);font-family:inherit;font-weight:600;font-size:var(--text-base);line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.btn svg{flex-shrink:0}.btn:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--c-accent,#457b9d);color:var(--c-paper,#ffffff);border-color:var(--c-accent,#457b9d)}.btn--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in srgb,var(--c-accent) 85%,#000);border-color:color-mix(in srgb,var(--c-accent) 85%,#000)}.btn--secondary{background-color:transparent;color:var(--c-accent-light);border-color:var(--c-accent)}.btn--secondary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--c-accent-tint);color:var(--c-paper,#ffffff)}.btn--cta{background-color:var(--c-cta,#b83d12);color:var(--c-paper,#ffffff);border-color:var(--c-cta,#b83d12)}.btn--cta:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in srgb,var(--c-cta) 85%,#000);border-color:color-mix(in srgb,var(--c-cta) 85%,#000)}.btn--ghost{background:transparent;color:var(--c-paper,#ffffff);border:1px solid #ffffff33}.btn--ghost:hover:not(:disabled):not([aria-disabled=true]){background-color:#ffffff0f;border-color:#ffffff66}.btn--outline{background:transparent;color:var(--c-ink);border:1px solid var(--c-border-ui)}.btn--outline:hover:not(:disabled):not([aria-disabled=true]){background:var(--c-surface);opacity:1}.btn--danger{background-color:var(--c-error,#8f0c10);color:var(--c-paper,#ffffff);border-color:var(--c-error,#8f0c10)}.btn--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in srgb,var(--c-error) 85%,#000);border-color:color-mix(in srgb,var(--c-error) 85%,#000)}.btn--sm{min-block-size:44px;padding-inline:.85rem;font-size:var(--text-sm,.875rem)}.btn--lg{min-block-size:52px;padding-inline:1.75rem;font-size:1.125rem}}