/* Brown */
.btn-outline-brown {
  color: #704d00; /* your custom color */
  border-color: #704d00;
  background-color: #fff;
}

.btn-outline-brown:hover,
.btn-outline-brown:focus {
  color: #fff;
  background-color: #704d00;
  border-color: #704d00;
}

.btn-outline-brown:active,
.btn-outline-brown.active,
.show > .btn-outline-brown.dropdown-toggle {
  color: #fff;
  background-color: #4e3500; /* slightly darker tone */
  border-color: #704d00;
}

.btn-outline-brown:disabled,
.btn-outline-brown.disabled {
  color: #704d00;
  background-color: #fff;
  opacity: 0.65;
}

/* Purple */
/* Custom outline button */
.btn-outline-purple {
  color: #5b2e91; /* your custom color */
  border-color: #5b2e91;
  background-color: #fff;
}

.btn-outline-purple:hover,
.btn-outline-purple:focus {
  color: #fff;
  background-color: #5b2e91;
  border-color: #5b2e91;
}

.btn-outline-purple:active,
.btn-outline-purple.active,
.show > .btn-outline-purple.dropdown-toggle {
  color: #fff;
  background-color: #4b247b; /* slightly darker tone */
  border-color: #4b247b;
}

.btn-outline-purple:disabled,
.btn-outline-purple.disabled {
  color: #5b2e91;
  background-color: #fff;
  opacity: 0.65;
}

/* Orange */
/* Custom outline button */
.btn-outline-orange {
  color: #d5a400; /* your custom color */
  border-color: #d5a400;
  background-color: #fff;
}

.btn-outline-orange:hover,
.btn-outline-orange:focus {
  color: #fff;
  background-color: #d5a400;
  border-color: #d5a400;
}

.btn-outline-orange:active,
.btn-outline-orange.active,
.show > .btn-outline-orange.dropdown-toggle {
  color: #fff;
  background-color: #b28900; /* slightly darker tone */
  border-color: #d5a400;
}