.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: transparent ;
}

.btn-fill-blue {
    background-color: var(--bs-blue-light) !important;
    color: var(--bs-blue) !important;
    outline: unset !important;
    border: unset !important;
}

.btn-fill-blue p {
    color: var(--bs-blue);
}

.btn-fill-blue span {
    color: var(--bs-blue);
}

.btn-fill-gray {
    background-color: var(--bs-gray-400) !important;
    color: var(--bs-white) !important;
    outline: unset !important;
    border: unset !important;
}

.btn-fill-gray p {
    color: var(--bs-white);
}

.btn-fill-gray span {
    color: var(--bs-white);
}

.btn-fill-white {
    background-color: var(--bs-white) !important;
    color: var(--bs-black) !important;
    outline: unset !important;
    border: unset !important;
}

.btn-fill-white p {
    color: var(--bs-black);
}

.btn-fill-white span {
    color: var(--bs-black);
}