.btn-outline-forest {
  border: 1.5px solid var(--green-dark);
  color: var(--green-dark);
  background: transparent;
  border-radius: 6px;
  padding: 7px 20px;
  font-size: 0.88rem;
  font-family: var(--font-body);
  transition: all 0.25s;
}

.btn-outline-forest:hover {
  background: var(--green-dark);
  color: white;
}

.btn-forest {
  background: var(--green-dark);
  color: white;
  border: none;
  border-radius: 6px;
  padding: 8px 22px;
  font-size: 0.88rem;
  font-family: var(--font-body);
  transition: background 0.25s, transform 0.2s;
}

.btn-forest:hover {
  background: var(--green-mid);
  color: white;
  transform: translateY(-1px);
}

.btn-white-filled {
  background: white;
  color: var(--green-dark);
  border: none;
  border-radius: 6px;
  padding: 10px 24px;
  font-weight: 700;
  font-family: var(--font-body);
  font-size: 0.9rem;
  transition: all 0.25s;
}

.btn-white-filled:hover {
  background: var(--cream);
  color: var(--green-dark);
  transform: translateY(-1px);
}

.btn-white-outline {
  background: transparent;
  color: white;
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  padding: 10px 24px;
  font-family: var(--font-body);
  font-size: 0.9rem;
  transition: all 0.25s;
}

.btn-white-outline:hover {
  background: rgba(255, 255, 255, 0.12);
  color: white;
}