.tsk-filter{
    margin:25px 0;
}

.tsk-parent-list,
.tsk-child-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:15px;
}

.tsk-parent-list button,
.tsk-child-list button{

    border:none;
    background:#f3f3f3;
    color:#222;
    padding:10px 18px;
    border-radius:30px;
    cursor:pointer;
    transition:.25s;
    font-size:14px;
    font-family:inherit;

}

.tsk-parent-list button:hover,
.tsk-child-list button:hover{

    background:#111;
    color:#fff;

}

.tsk-parent-list button.active,
.tsk-child-list button.active{

    background:#111;
    color:#fff;

}

.products.tsk-loading{

    opacity:.35;
    pointer-events:none;
    transition:.2s;

}

@media(max-width:767px){

    .tsk-parent-list,
    .tsk-child-list{

        gap:8px;

    }

    .tsk-parent-list button,
    .tsk-child-list button{

        padding:8px 14px;
        font-size:13px;

    }

}