.bg-header {
    background: linear-gradient(
        0.37turn,
        #124787,
        #332e91,
        #8306ba,
        #332e91,
        #1b3c8d,
        #061d4d
    ) !important;
}
.bg-black {
    background: #000;
}

.bg-pink-blue {
    background: linear-gradient(to left, $blue-2, $pink-2);
}

.bg-blue-pink {
    background: linear-gradient(to left, $pink-2, $blue-2);
}

.bg-pink-blue-top {
    background: linear-gradient(to top, $pink-2, $blue-2);
}

.bg-blue-purple {
    background: linear-gradient(to left, $purple-3, $blue-3);
}

.bg-purple {
    background: #593cbc;
}

.bg-purple-list {
    background: #462ba1;
}

.bg-modal-footer {
    background: #f7f7f7;
}

.bg-no {
    background: linear-gradient(to right, $red, #ff859d);
    padding: 1rem;
    border-radius: 4px;
    color: $white !important;
}

.bg-pink-blue-2 {
    color: $white;
    background: linear-gradient(to left, $purple-3, $pink);
    border-radius: 8px !important;
}

.bg-pink-blue-3 {
    color: $white;
    padding: 2rem 1.5rem 1rem;
    background: linear-gradient(to top, $purple-3, $pink);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px 
}