.btn-outline-primary:hover {
  color: white;
}

.btn-outline-primary:active {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  background-color: transparent !important;
}

.btn-outline-primary.active {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  background-color: transparent !important;
}

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

.chevron-icon {
  transform: rotate(0deg);
  transition: transform 0.1s ease;
}

.dropdown-container:focus-within .chevron-icon {
  transform: rotate(180deg);
  transition: transform 0.1s ease;
}