Styling van filters (checkbox)

label.checkbox {
    padding-left: 1em;
    &:before {
        position: absolute;
        transition: all 0.2s ease-in-out;
        content: '';
        height: 0.75em;
        width: 0.75em;
        left: 0;
        top: 50%;
        translate: 0 -50%;
        background-color: var(--grey);
        border: 1px solid var(--yellow);
        border-radius: 50%;
    }
}
input[type="checkbox"] {
    height: 0;
    width: 0;
    &:checked {
        &~label {
            &:before {
                background-color: var(--yellow);
                border: 1px solid var(--yellow);      
            }
        }
    }
}