:hover doesn't work after going through the first loop of the animation. Where does it lie?

Question

css

There is a slider: codepen.io/hw/pen/biEBz
Animation is in progress, everything works, the bullets from below turn pink in turn.
And while the first circle of animation is going on (the first circle is pink), hover works properly for the second and third, they turn pink on hover.
But as soon as autoplay has switched to the second bullet, the first hover does not work anymore.
After the first cycle of animation, none of the bullets hover does not work.
Also hover stops working after clicking on one of the bullets.
I hope I explained verbatim, please tell me where in the code this can be found and changed?

Answer 1

If:
.csslider1 > .cs_bullets > label:hover{
background-color: #E34B64;
}
replace with:
.csslider1 > .cs_bullets > label:hover,
.csslider1 > .slide:checked ~ .cs_bullets > label:hover {
background-color: #E34B64;
}
hover will work