Hover State for buttons
Need some help here.
Context - There are 13 buttons on a page, which needs to be clicked sequentially. So i have 4 states for all the buttons i.e. Normal, Hover, Visited and Disabled. And all the buttons except the very first are set to Disabled state as there Initial state.
Issue am facing - Now am hovering on the very first button which is active. When my cursor is moving from any path and not coming across any other button than its working fine and showing the hover effect. But if the cursor is coming from any other button(i.e. disabled) than the hover effect is not getting played.
Hope am clear but still if not, here is another possible explanation-
BTN01 and BTN02
BTN01 is active and BTN02 is disabled(initial state)
Mouse is hovering on BTN01 from any path where its not hovering on BTN02 than the hover state of BTN01 is working fine. (i.e. pointA to BTN01 direct)
But when the mouse is moving from pointA to BTN02 to BTN01 then the hover state of BTN01 is not appearing.
Please help resolving if anyone faced same issue.