.list .filter label:not(.custom-control-label) {display: none; } .list .filter .btn {display: none; } .list .filter .form-group {display: flex;flex-direction: column;gap: 1.6666666667rem; } @media (min-width: 576px) {.list .filter .form-group {flex-direction: row;} } .list .filter .form-group .custom-control {padding: 0;flex-grow: 1;flex-shrink: 1; } .list .filter .form-group .custom-control-label {border: solid 0.1666666667rem var(--primary);padding: 0.2777777778rem 1.6666666667rem;width: 100%;text-align: center;font-weight: bold;color: var(--primary); } .list .filter .form-group .custom-control-label::before, .list .filter .form-group .custom-control-label::after {display: none; } .list .filter .form-group .custom-control-input:checked + .custom-control-label {background: var(--primary);color: var(--white); }