.btn {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 6px;
  border: none;
  font-size: 0.88rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

.btn--primary {
  background: var(--color-primary);
  color: #FFFFFF;
}

.btn--primary:hover {
  background: #93b28a;
}

.btn--secondary {
  background: var(--color-secondary);
  color: #FFFFFF;
}

.btn--secondary:hover {
  background: #dda296;
}

.btn--outline {
  background: transparent;
  border: 1px solid var(--color-border);
  color: var(--color-text);
}