.filter-group {
    font: var(--font_default);
    font-weight: 600;
    position: absolute;
    bottom: 20px;
    left: 15px;
    z-index: 1;
    border-radius: 3px;
    width: 240px;
    color: #fff;
}

.filter-group input[type='checkbox']:first-child + label {
    border-radius: 3px 3px 0 0;
}

.filter-group label:last-child {
    border-radius: 0 0 3px 3px;
    border: none;
}

.filter-group input[type='checkbox'] {
    display: none;
}

.filter-group input[type='checkbox'] + label {
    background-color: var(--bg_color);
    display: block;
    cursor: pointer;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* padding: 10px; */
    /* padding-left: 20px; */
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.25); */
    color: var(--ter_color);
    background-color: var(--bg_color);
    text-transform: capitalize;
}

/* .filter-group input[type='checkbox'] + label {

} */

.filter-group input[type='checkbox'] + label:hover{
    /* border: 2px solid var(--highl_color); */
    /* background-color: #dad84e; */
}


.filter-group input[type='checkbox']:checked + label {
    background-color: var(--bg_color);
    color: var(--prim_color);
}

.filter-group input[type='checkbox']:checked + label:after {
    content: '✔';
    margin-right: 20px;
    float: right;

}

/* .filter-group input[type='checkbox'] + label:before {
    content: '✔';
    margin-right: 20px;
    float: right;
} */