.btn-primary,
.btn-secondary,
.cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.4rem;
  border-radius: 999px;
  padding: 0.9rem 1.8rem;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}

.btn-primary,
.cta-button {
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);
  color: #ffffff;
  border: 0.125rem solid transparent;
  box-shadow: 0 12px 32px rgba(47, 139, 103, 0.22);
}

.btn-primary:hover,
.cta-button:hover {
  background: linear-gradient(135deg, var(--accent-dark) 0%, #1b5a43 100%);
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(47, 139, 103, 0.28);
}

.btn-secondary {
  background: rgba(255, 255, 255, 0.75);
  color: var(--ink);
  border: 0.125rem solid var(--line);
  box-shadow: var(--shadow-soft);
}

.btn-secondary:hover {
  background: var(--ink);
  color: #ffffff;
  border-color: var(--ink);
  transform: translateY(-1px);
}