/* buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 3rem; padding: .7rem 1.4rem;
  border-radius: 999px; border: 2px solid transparent;
  font: 600 .98rem/1.2 Prompt, system-ui, sans-serif;
  text-decoration: none; cursor: pointer;
  transition: transform .15s ease, background-color .15s ease;
}
.btn:active { transform: scale(.97); }
.btn-mango { background: var(--mango); color: #1e2a12; }
.btn-mango:hover { background: #ffbd4a; }
.btn-line { border-color: rgba(255, 246, 223, .55); color: var(--cream); }
.btn-line:hover { background: rgba(255, 246, 223, .12); }
.btn-cta { background: var(--cta-bg); color: var(--cta-ink); }
.btn-cta:hover { filter: brightness(1.1); }
.btn-ghost { border-color: var(--line); color: var(--ink); }
.btn-ghost:hover { background: var(--bg-2); }