.btn-primary {
  background: linear-gradient(135deg, var(--primary-green-dark), var(--light-green));
  border: none;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: 16px;
  padding: 10px 20px;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 10px var(--primary-green);
}

.btn-outline-secondary {
  --bs-btn-border-color: var(--primary-green);
  --bs-btn-color: var(--primary-green);

}

.btn-outline-secondary:hover {
  background: var(--primary-green);
  color: white;
  border-color: var(--primary-green);
  box-shadow: 0 10px 25px var(--primary-green);
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: var(--btn-outline-border-color);
  --bs-btn-hover-color: var(--text-dark);
  --bs-btn-hover-bg: var(--btn-outline-effect);
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: var(--text-dark);
  --bs-btn-active-bg: var(--btn-outline-effect);
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.accordion-button:not(.collapsed) {
  background-color: var(--light-purple);
  color: var(--primary-green);
}

.accordion-button:focus {
  border-color: var(--primary-green);
  box-shadow: 0 0 0 0.25rem rgba(124, 58, 237, 0.25);
}