.shadow-primary {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(206, 212, 218, 0.4) !important;
}
.card {
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(206, 212, 218/ 6%);
}

.btn-primary,
.btn.bg-gradient-primary  {
    background-color: #f8db0f;
    box-shadow: 0 3px 3px 0 rgba(117, 81, 152, 0.15), 0 3px 1px -2px rgba(117, 81, 152, 0.2), 0 1px 5px 0 rgba(117, 81, 152, 0.15);
    color: grey;
}
.color-violeta{
    color: #755198;
}


.btn-primary,
.btn.bg-gradient-primary {
  box-shadow: 0 3px 3px 0 rgba(117, 81, 152 0.15), 0 3px 1px -2px rgba(117, 81, 152 0.2), 0 1px 5px 0 rgba(117, 81, 152 0.15);
}

.btn-primary:hover,
.btn.bg-gradient-primary:hover {
  background-color: #755198;
  border-color: #755198;
  box-shadow: 0 14px 26px -12px rgba(117, 81, 152 0.4), 0 4px 23px 0 rgba(117, 81, 152 0.15), 0 8px 10px -5px rgba(117, 81, 152 0.2);
}

.btn-primary .btn.bg-outline-primary,
.btn.bg-gradient-primary .btn.bg-outline-primary {
  border: 1px solid #755198;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-primary.dropdown-toggle {
  color: color-yiq(#755198);
  background-color: #755198;
}

.bg-gradient-primary {
    background-image: linear-gradient(195deg, #755198 0%, #755198 100%);
  }

  svg.text-primary .color-foreground {
    fill: #755198;
  }
  
  svg.text-primary .color-background {
    fill: #755198;
  }

  .text-gradient.text-primary {
    background-image: linear-gradient(195deg, #755198, #755198);
  }