.btn-outline-primary {
  color: #F2BF27 !important;             /* Text color */
  border: 2px solid #F2BF27 !important;  /* Border color */
  background-color: transparent;         /* Transparent by default */
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff !important;                /* Text turns white */
  background-color: #F2BF27 !important;  /* Background becomes primary */
  border-color: #F2BF27 !important;      /* Border stays primary */
}