.btn {
  height: var(--btn-height);
  border-radius: 12px;
  padding: 0 18px;
  font-weight: 700;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
}

.btn:hover {
  transform: translateY(-1px);
}

.btn-sm {
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
}

.btn-primary {
  border: 0;
  background: var(--vda-brand-gradient);
  box-shadow: 0 10px 18px rgba(25, 135, 84, 0.22);
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(135deg, #157146, #239f5f 55%, #2cc771);
}

.btn-secondary,
.btn-outline-secondary {
  background: #fff;
  border-color: #d6e4dc;
  color: #204b33;
}

.btn-danger {
  background: linear-gradient(135deg, #d64545, #ea6a6a);
  border: 0;
}

.btn-info {
  background: linear-gradient(135deg, #1f7edd, #43a3ff);
  border: 0;
}

.btn-success {
  background: linear-gradient(135deg, #198754, #2ab76f);
  border: 0;
}

.btn-outline-primary {
  color: #1e7d50;
  border-color: #b8d9c7;
}

.btn-outline-primary:hover {
  background: #eaf7f0;
  color: #165a3b;
  border-color: #9ec8b3;
}