@layer components{.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:var(--font-weight-semibold);text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.c-btn--sm{min-block-size:var(--control-height-sm);padding-inline:var(--space-4);font-size:var(--font-size-label)}.c-btn--md{min-block-size:var(--control-height-md);padding-inline:var(--space-5);font-size:var(--font-size-body)}.c-btn--lg{min-block-size:var(--control-height-lg);padding-inline:var(--space-6);font-size:var(--font-size-h4)}.c-btn--full{inline-size:100%}.c-btn--primary{background-color:var(--brand-primary);background-image:var(--gradient-cta-sheen);color:var(--text-on-brand);&:hover{box-shadow:var(--shadow-brand);transform:translateY(-1px)}&:active{transform:translateY(0);box-shadow:none}}.c-btn--secondary{background-color:var(--surface-card);border-color:var(--border-interactive);color:var(--text-strong);&:hover{border-color:var(--border-strong);background-color:var(--bg-subtle)}&:active{background-color:var(--bg-muted)}}.c-btn--ghost{background-color:transparent;color:var(--text-link);&:hover{background-color:var(--selected-bg);color:var(--text-link-hover)}}.c-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.c-btn--primary:focus-visible{outline-color:var(--focus-ring-on-brand);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab,var(--brand-primary) 35%,transparent)}.c-btn[disabled],.c-btn[aria-disabled=true]{background-color:var(--disabled-fill);background-image:none;border-color:transparent;color:var(--disabled-text);cursor:not-allowed;box-shadow:none;transform:none}@media(forced-colors:active){.c-btn[disabled],.c-btn[aria-disabled=true]{color:GrayText;border-color:GrayText}}.c-btn__icon{flex:none}}