/* ─── BUTTONS ───────────────────────────────────────────── */

.btn {
  text-decoration: none;
  border-radius: 999px;
  padding: 0.66rem 1.05rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

.btn:hover,
.btn:focus-visible {
  transform: translateY(-2px);
}

.btn-primary {
  background: linear-gradient(150deg, #2f7a79, #25646a);
  color: #f3f9f8;
  box-shadow: 0 8px 22px rgba(45, 111, 115, 0.28);
}

.btn-primary:hover,
.btn-primary:focus-visible {
  background: linear-gradient(150deg, #2a6f70, #21595f);
}

.btn-secondary {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid var(--border);
  color: var(--ink);
}