/* =========================
   BUTTONS
========================= */

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 10px 14px;
  font-weight: 600;
  cursor: pointer;
  transition: transform .08s ease, opacity .08s ease, background .15s ease, border-color .15s ease;
  user-select:none;
  white-space: nowrap;
}

.btn:active{ transform: translateY(1px); }

.btn-primary{
  background: linear-gradient(135deg, var(--primary), var(--primary2));
  color: #06131d;
  border-color: rgba(0,0,0,0.08);
  box-shadow: 0 10px 24px rgba(94,234,212,0.16);
}

.btn-secondary{
  background: var(--surface);
  color: var(--text);
  border-color: var(--border);
}

.btn-ghost{
  background: transparent;
  color: var(--text);
  border-color: rgba(3,7,18,0.16); /* always light border */
}

.btn-lg{ padding: 12px 18px; font-size: 15px; }
.btn-sm{ padding: 8px 12px; font-size: 13px; }
.btn-block{ width: 100%; }

.cta-row{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items:center;
}