.bg-rose {
  background-color: #FF00FF  !important;
}

a.bg-rose:hover, a.bg-rose:focus,
button.bg-rose:hover,
button.bg-rose:focus {
  background-color: #BD219F !important;
}

.btn-rose {
  color: #fff;
  background-color: #BC4CA4;
  border-color: #BC4CA4;
  padding:10px;
  border:0px;
  border-radius: 5px;
}

.btn-rose:hover {
  color: #fff;
  background-color: #BD219F;
  border-color: #BD219F;
}

.btn-rose:focus, .btn-rose.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-rose.disabled, .btn-rose:disabled {
  color: #fff;
  background-color: #BC4CA4;
  border-color: #BC4CA4;
}

.btn-rose:not(:disabled):not(.disabled):active, .btn-rose:not(:disabled):not(.disabled).active,
.show > .btn-rose.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-rose:not(:disabled):not(.disabled):active:focus, .btn-rose:not(:disabled):not(.disabled).active:focus,
.show > .btn-rose.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}