.btn__white--solid {
  background-color: #ffffff;
  color: #28166f !important;
 border: 1px solid #ffffff;
}

.btn__white--solid:hover {
  background-color: #28166f;
  color: #ffffff !important;
  border-color:  #28166f;
}

.btn__gray--solid {
  background-color: #828282;
  color: #ffffff !important;
 border: 1px solid #828282;
}

.btn__gray--solid:hover {
  background-color: #3a3a3a;
  color: #ffffff !important;
  border-color:  #3a3a3a;
}

.btn__gray--ghost {
  background-color: transparent;
  color: #828282 !important;
 border: 1px solid #828282;
}

.btn__gray--ghost:hover {
  background-color: transparent;
  color: #3a3a3a !important;
  border-color:  #3a3a3a;
}

.btn__white--ghost {
  background-color: transparent;
  color: #ffffff !important;
 border: 1px solid #ffffff;
}

.btn__white--ghost:hover {
  background-color: transparent;
  color: #b9c4ff !important;
  border-color:  #b9c4ff;
}

.btn__primary--solid {
  background-color: #ffffff;
  color: #28166f !important;
 border: 1px solid #ffffff;
}

.btn__primary--solid:hover {
  background-color: #4a3fd6;
  color: #ffffff !important;
  border-color:  #4a3fd6;
}

.btn__primary--ghost {
  background-color: transparent;
  color: #ffffff !important;
 border: 1px solid #ffffff;
}

.btn__primary--ghost:hover {
  background-color: transparent;
  color: #b9c4ff !important;
  border-color:  #b9c4ff;
}

.btn__secondary--solid {
  background-color: #28166f;
  color: #ffffff !important;
 border: 1px solid #28166f;
}

.btn__secondary--solid:hover {
  background-color: #4a3fd6;
  color: #ffffff !important;
  border-color:  #4a3fd6;
}

.btn__secondary--ghost {
  background-color: transparent;
  color: #28166f !important;
 border: 1px solid #28166f;
}

.btn__secondary--ghost:hover {
  background-color: transparent;
  color: #4a3fd6 !important;
  border-color:  #4a3fd6;
}

.btn__highlight--solid {
  background-color: #4a3fd6;
  color: #ffffff !important;
 border: 1px solid #4a3fd6;
}

.btn__highlight--solid:hover {
  background-color: #28166f;
  color: #ffffff !important;
  border-color:  #28166f;
}

.btn__highlight--ghost {
  background-color: transparent;
  color: #4a3fd6 !important;
 border: 1px solid #4a3fd6;
}

.btn__highlight--ghost:hover {
  background-color: transparent;
  color: #28166f !important;
  border-color:  #28166f;
}

.btn__omega--solid {
  background-color: #16112e;
  color: #ffffff !important;
 border: 1px solid #16112e;
}

.btn__omega--solid:hover {
  background-color: #3d3760;
  color: #ffffff !important;
  border-color:  #3d3760;
}

.btn__omega--ghost {
  background-color: transparent;
  color: #16112e !important;
 border: 1px solid #16112e;
}

.btn__omega--ghost:hover {
  background-color: transparent;
  color: #3d3760 !important;
  border-color:  #3d3760;
}