/* =====================
   BUTTONS
===================== */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.2s ease;
  white-space: nowrap;
  text-decoration: none;
}

.btn-primary {
  background: var(--green);
  color: var(--white);
  border-color: var(--green);
}
.btn-primary:hover {
  background: var(--green-dark);
  border-color: var(--green-dark);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(46, 204, 113, 0.35);
}

.btn-outline {
  background: transparent;
  color: var(--green-darker);
  border-color: var(--green);
}
.btn-outline:hover {
  background: var(--green-pale);
  transform: translateY(-1px);
}

.btn-dark {
  background: var(--dark);
  color: var(--white);
  border-color: var(--dark);
}
.btn-dark:hover {
  background: var(--dark-2);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(10, 31, 18, 0.3);
}

.btn-ghost {
  background: transparent;
  color: var(--text-2);
  border-color: var(--border-2);
}
.btn-ghost:hover {
  background: var(--bg-2);
  border-color: var(--green-muted);
  color: var(--text);
}

/* Sizes */
.btn-lg  { padding: 16px 36px; font-size: 16px; border-radius: 12px; }
.btn-sm  { padding: 9px 20px;  font-size: 14px; border-radius: 8px; }
.btn-full { width: 100%; justify-content: center; }