.bg-gradient-purple {
  background-color: #d9c6ec;
  background-image: linear-gradient(180deg, #402060 10%, #7038a8 100%);
  background-size: cover;
}

.btn-purple {
  color: #fff;
  background-color: #7038a8;
  border-color: #7038a8;
}

.btn-purple:hover {
  color: #fff;
  background-color: #402060;
  border-color: #d4daed;
}

.btn-purple:focus, .btn-purple.focus {
  color: #fff;
  background-color: #402060;
  border-color: #d4daed;
  box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
}

.btn-purple.disabled, .btn-purple:disabled {
  color: #fff;
  background-color: #7038a8;
  border-color: #7038a8;
}

.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
  color: #fff;
  background-color: #d4daed;
  border-color: #cbd3e9;
}

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