custom checkbox hide background and border

When I mark the lower checkboxes then the upper one above them and hover the lower checked checkboxes ones, then they hidden border and background, better watch gif. I don't understand what i'm doing wrong with selectors. Added codepen.
codepen