.btn--sm,.btn--xs{font-family:var(--font-interface);font-size:var(--fs-300);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-normal);line-height:1.2}.btn--neutral:focus-visible,.btn--neutral:hover,.btn--plain:focus-visible,.btn--plain:hover{--surface-text-secondary-color:var(--clr-surface-elevated-1-text-secondary);background-color:var(--clr-surface-elevated-1-background);color:var(--clr-surface-elevated-1-text)}.btn--ghost{--surface-text-secondary-color:var(--clr-surface-primary-subtle-text-secondary);background-color:var(--clr-surface-primary-subtle-background);color:var(--clr-surface-primary-subtle-text)}.btn--ghost.btn--active,.btn--primary{--surface-text-secondary-color:var(--clr-surface-primary-solid-text-secondary);background-color:var(--clr-surface-primary-solid-background);color:var(--clr-surface-primary-solid-text)}.btn--accent{--surface-text-secondary-color:var(--clr-surface-accent-subtle-text-secondary);background-color:var(--clr-surface-accent-subtle-background);color:var(--clr-surface-accent-subtle-text)}.btn--danger:focus-visible,.btn--danger:hover{--surface-text-secondary-color:var(--clr-surface-negative-subtle-text-secondary);background-color:var(--clr-surface-negative-subtle-background);color:var(--clr-surface-negative-subtle-text)}.btn--plain{color:var(--surface-text-secondary-color,var(--clr-surface-canvas-text-secondary))}.btn__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn--primary{--btn-border:var(--border-width-md) solid transparent;--btn-shadow:var(--shadow-btn)}.btn--primary:focus-visible,.btn--primary:hover{filter:brightness(1.06);transform:translateY(calc(var(--border-width-md)*-1))}.btn--primary:active{filter:brightness(1);transform:translateY(0)}.btn--ghost{--btn-border:var(--border-md-primary-700);--btn-border-hover:var(--border-md-primary-500)}.btn--ghost:focus-visible,.btn--ghost:hover{filter:brightness(1.12)}.btn--ghost.btn--active{--btn-border:var(--border-md-primary-500)}.btn--neutral{--btn-border:var(--border-md-default-400);--btn-border-hover:var(--border-md-default-500);background:transparent;color:inherit}.btn--plain{--btn-border:var(--border-width-md) solid transparent;--btn-border-hover:var(--border-width-md) solid transparent;background:transparent}.btn--danger{--btn-border:var(--border-width-md) solid var(--clr-semantic-negative-500);--btn-border-hover:var(--border-width-md) solid var(--clr-semantic-negative-500);background:transparent;color:var(--clr-semantic-negative-500)}.btn--accent{--btn-border:var(--border-width-md) solid var(--clr-accent-500);--btn-border-hover:var(--border-width-md) solid var(--clr-accent-500)}.btn--accent:focus-visible,.btn--accent:hover{filter:brightness(1.12)}.btn--pill{border-radius:var(--radius-full)}.btn--sm{padding:var(--padding-300) var(--padding-400)}.btn--xs{padding:var(--padding-200) var(--padding-300)}.btn:has(>.app-icon):has(>.btn__label:empty){padding:var(--padding-400)}.btn:has(>.app-icon):has(>.btn__label:empty).btn--sm{padding:var(--padding-300)}.btn:has(>.app-icon):has(>.btn__label:empty).btn--xs{padding:var(--padding-200)}.btn:has(>.app-icon):has(>.btn__label:empty) .btn__label:empty{display:none}