.btn{justify-content:center;align-items:center;gap:var(--qm-space-2);font-family:var(--qm-font-family);font-weight:var(--qm-font-weight-medium);border-radius:var(--qm-radius-md);cursor:pointer;border:none;min-width:44px;min-height:44px;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--qm-blue);color:var(--qm-white)}.btn--primary:hover:not(:disabled){background-color:var(--qm-blue-dark)}.btn--primary:focus-visible{box-shadow:var(--qm-shadow-focus);outline:none}.btn--primary-gradient{background:linear-gradient(90deg, var(--qm-teal), var(--qm-blue));color:var(--qm-white)}.btn--primary-gradient:hover:not(:disabled){background:linear-gradient(90deg, var(--qm-blue-dark), var(--qm-blue-dark))}.btn--primary-gradient:focus-visible{box-shadow:var(--qm-shadow-focus);outline:none}.btn--secondary{background-color:var(--qm-surface-blue);color:var(--qm-blue)}.btn--secondary:hover:not(:disabled){background-color:var(--qm-blue-light);color:var(--qm-white)}.btn--outline{color:var(--qm-blue);border:1px solid var(--qm-blue);background-color:#0000}.btn--outline:hover:not(:disabled){background-color:var(--qm-surface-blue)}.btn--sm{padding:var(--qm-space-1) var(--qm-space-3);font-size:13px}.btn--md{padding:var(--qm-space-2) var(--qm-space-5);font-size:15px}.btn--lg{padding:var(--qm-space-3) var(--qm-space-6);font-size:16px}