.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:var(--weight-bold);letter-spacing:.01em;line-height:1;cursor:pointer;border:var(--border-thin) solid transparent;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.btn:active{transform:scale(.97)}.btn[data-size=sm]{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.btn[data-size=md]{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.btn[data-size=lg]{padding:var(--space-5) var(--space-7);font-size:var(--text-lg)}.btn[data-variant=primary]{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn[data-variant=primary]:hover{background-color:var(--color-text-1)}.btn[data-variant=primary]:active{background-color:var(--color-primary-active)}.btn[data-variant=secondary]{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn[data-variant=secondary]:hover{background-color:var(--color-primary-subtle)}.btn[data-variant=secondary]:active{background-color:var(--color-primary-light)}.btn[data-variant=ghost]{background-color:transparent;color:var(--color-text-1)}.btn[data-variant=ghost]:hover{background-color:var(--color-surface-2)}.btn[data-variant=ghost]:active{background-color:var(--color-surface-3)}.btn[data-variant=danger]{background-color:var(--color-error-subtle);color:var(--color-error);border-color:var(--color-error)}.btn[data-variant=danger]:hover,.btn[data-variant=danger]:active{background-color:var(--color-error);color:var(--color-text-inverse)}.btn:disabled,.btn[data-disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}