a {
  cursor: pointer !important;
}


nav-item:hover, nav-link:hover, a:hover {
  color: --brand-purple !important;
}

}
.accordion-button:not(.collapsed) {
  background: var(--dropdown-highlight) !important;
  background-color: var(--dropdown-highlight) !important;
  color: var(--brand-purple) !important;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--brand-purple);
}




.transparent-btn i {
  transition: transform 0.3s ease;
}

.transparent-btn:hover {
  background-color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  color: white;
}

.transparent-btn {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  border: 1px solid white;
  padding: 0.5rem 1rem;
  border-radius: 30px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
}





.btn-primary{
  background-color: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
  border-radius: 24px !important;
}



.btn-white{
  background-color: white !important;
  color: var(--color-primary) !important;
  border-radius: 24px !important;
}


.btn-outline-primary{
  color: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
  border-radius: 16px !important;
}

.transparent-btn:hover i {
  transform: translateX(4px);
}