.btn-default:focus, .btn-default:hover {
  color: #000;
  border: 1px solid #000000;
  outline: none;
  background-color: var(--bs-yellow);
}

.btn-default {
  color: var(--bs-yellow);
  border: 1px solid var(--bs-yellow);
  background-color: transparent;
}

@media (min-width: 992px) {
  #mainNav .nav-link.active {
    outline: none;
    background-color: rgb(255,193,7);
  }
}