Interaction on "sibling with class" not triggered in published website website


I am trying to create a menu, where the text is underlined upon however.

I have created a div, where I nest 1) nav link 2) another div. That second div is set to 1px height and has a background color set. Here is the class setup:


I have added the hover animation to the text. I created an animation that scales the second div. Since that second div has a class “hover-underline”, I have set to affect the sibling with class “hover-underline”. See picture below:


Clicking “preview” animates everything as expected, but if I publish, the animation is not triggered.

Any idea on whats going wrong?