.atomic-button{justify-content:center;align-items:center;gap:var(--space-8);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:hidden}.atomic-button--sm{padding:var(--space-8) var(--text-xs);font-size:var(--text-sm)}.atomic-button--md{padding:var(--space-8) var(--text-base);font-size:var(--text-base)}.atomic-button--lg{padding:var(--text-xs) var(--size-icon-lg);font-size:var(--text-lg)}.atomic-button--full-width{width:100%}.atomic-button--primary{background-color:var(--color-primary);color:var(--bg-primary);box-shadow:0 1px var(--space-2) #0000000d}.atomic-button--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 var(--space-4) var(--space-8) -1px var(--color-border), 0 var(--space-2) var(--space-4) -1px #0000000f;transform:translateY(-1px)}.atomic-button--primary:active:not(:disabled){transform:translateY(0)}.atomic-button--secondary{color:var(--color-text);border-color:var(--color-border);background-color:#0000}.atomic-button--secondary:hover:not(:disabled){background-color:var(--color-surface-hover)}.atomic-button--ghost{color:var(--color-text-muted);background-color:#0000;border-color:#0000}.atomic-button--ghost:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text)}.atomic-button--danger{background-color:var(--color-error);color:var(--bg-primary)}.atomic-button--danger:hover:not(:disabled){background-color:var(--color-error)}.atomic-button:disabled{opacity:.6;cursor:not-allowed}.atomic-button--loading{cursor:wait;position:relative}.atomic-button__spinner{width:var(--text-base);height:var(--text-base);border:var(--space-2) solid var(--border-dark);border-top-color:currentColor;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}