/* Override Bootstrap Primary Button */
.btn-success {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active {
        background-color: color-mix(in srgb, var(--primary-color) 90%, black 10%) !important;
        border-color: color-mix(in srgb, var(--primary-color) 90%, black 10%) !important;
    }

.text-success {
    color: var(--primary-color) !important;
}
.bg-success {
    background-color: var(--primary-color) !important;
   
}