.cta,
.ghost {
  text-decoration: none;
  color: var(--ink);
  padding: 0.85rem 1.5rem;
  border-radius: 999px;
  transition: box-shadow 0.3s ease, background 0.3s ease, border 0.3s ease;
  border: 1px solid transparent;
}

.cta {
  background: var(--accent);
  color: #0c120f;
  box-shadow: 0 10px 30px var(--accent-soft);
}

.cta:hover,
.ghost:hover {
  box-shadow:
    0 0 12px rgba(57, 255, 20, 0.55),
    0 0 28px rgba(57, 255, 20, 0.35);
  border-color: rgba(57, 255, 20, 0.45);
}

.ghost {
  border-color: rgba(157, 255, 47, 0.35);
  color: var(--ink);
}
