.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:1px solid transparent;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-small{padding:8px 18px;font-size:14px}.button-medium{padding:12px 26px;font-size:15px}.button-large{padding:16px 34px;font-size:16px}.button-full{width:100%}.button-primary{background:var(--primary);color:var(--background)}.button-primary:hover{background:var(--primary-dark)}.button-secondary{background:var(--secondary);color:var(--background)}.button-secondary:hover{background:var(--secondary-dark)}.button-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.button-outline:hover{background:var(--primary);color:var(--background)}.button-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.button-ghost:hover{background:var(--border)}