.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s;white-space:nowrap;line-height:1}.btn,.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-loading,.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:var(--button-height-sm);padding:6px 12px;font-size:12px}.btn-md{height:var(--button-height-md);padding:8px 16px;font-size:14px}.btn-lg{height:var(--button-height-lg);padding:12px 24px;font-size:15px}.btn-primary{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-border) 50%,transparent);border-color:var(--color-border)}.btn-danger{background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 30%,transparent)}.btn-danger:hover:not(:disabled){background:var(--color-error);color:#ffffff;border-color:var(--color-error)}.btn-ghost{background:transparent;color:var(--color-primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 5%,transparent);color:var(--color-primary)}.btn-loading{min-width:max-content}.btn-spinner{display:inline-block;width:1em;height:1em;border:2px solid;border-right:2px solid transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}