/* Buttons */

.btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 22px; border-radius: 999px;
  font: 600 15px/1 var(--body); text-decoration: none;
  border: 1px solid transparent; cursor: pointer;
  transition: transform .15s ease, background .15s, box-shadow .15s;
}
.btn:hover { transform: translateY(-2px); }
.btn svg { width: 16px; height: 16px; }

.btn-primary {
  background: var(--accent); color: var(--accent-ink);
  box-shadow: 0 0 0 1px rgba(99,241,183,.6), 0 10px 30px -8px var(--glow);
}
.btn-primary:hover { box-shadow: 0 0 0 1px rgba(99,241,183,.8), 0 12px 40px -6px var(--glow); }

.btn-ghost { background: transparent; border-color: var(--line); color: var(--ink); }
.btn-ghost:hover { background: var(--surface); }

.btn-sm { padding: 10px 16px; font-size: 14px; }

/* gold highlight — reference letters */
.btn-gold {
  background: linear-gradient(135deg, #fbe39a 0%, #e9b949 55%, #c99a2e 100%);
  color: #2b1d00;
  box-shadow: 0 0 0 1px rgba(233,185,73,.7), 0 10px 30px -8px rgba(233,185,73,.55);
}
.btn-gold:hover { box-shadow: 0 0 0 1px rgba(233,185,73,.9), 0 12px 40px -6px rgba(233,185,73,.7); }

/* main button + short language variant side by side */
.btn-pair { display: flex; gap: 8px; }
.btn-pair .btn:first-child { flex: 1; }