Transformar um Checkbox do JetSmartFilter em Switch com CSS

.jet-checkboxes-list__input {
    display: none; 
}

.jet-checkboxes-list__button {
    background-color: #ccc; 
    width: 40px; 
    height: 20px; 
    border-radius: 20px; 
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.jet-checkboxes-list__button::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px; 
    background-color: #fff; 
    border-radius: 50%;
    transition: transform 0.3s ease; 
}

.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: #4CAF50;
}

.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button::before {
    transform: translateX(20px); 
    background-color: #fff;
}

span.jet-checkboxes-list__decorator,
span.jet-checkboxes-list__label {
    display: none;
}