.button{font-family:var(--font-family-sans);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.button--primary{background-color:var(--color-primary);color:var(--color-button-light)}.button--primary:hover:not(:disabled){box-shadow:0 4px 8px var(--color-primary-shadow);background-color:#0139c0;transform:translateY(-1px)}.button--secondary{background-color:var(--color-surface-muted);color:var(--color-button-light)}.button--secondary:hover:not(:disabled){background-color:var(--color-surface-muted);transform:translateY(-1px)}.button--outline{border:2px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.button--outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-button-light);transform:translateY(-1px)}.button--small{border-radius:6px;padding:8px 16px;font-size:14px}.button--medium{padding:12px 24px;font-size:16px}.button--large{border-radius:10px;padding:16px 32px;font-size:18px}.button--disabled{opacity:.5;cursor:not-allowed}.button:active:not(:disabled){transform:translateY(0)}.button:focus{outline:2px solid var(--color-primary);outline-offset:2px}