Broken animation when button uses class, :hover, :active and transform scale animation

[MaximeStarssed]

Describe the bug Broken animation when button uses a class, :hover, :active and transform scale animation

Everything is explained in the sandbox link: https://oxygen-q45lvdntmc5vl.oxygen-demo.qsandbox.org

**A link to a Sandbox site where the bug has been reproduced Here : https://oxygen-q45lvdntmc5vl.oxygen-demo.qsandbox.org

** Long description When I animate my button without using a class, everything works. The button changes size when hovered and changes size when clicked (active).

But if the code is placed in a class, and not directly on the button, the animation on click (active) bugs and freezes.

Conditions for the error to recur:

• add the transform class effect to :hover and :active
• use the code in a class (and not directly in the button).
• be on the fronted (as it works from the oxygen builder editor).

Curiously, I was also able to reproduce this bug on the primary button of the Oxygen builder home page by adding the line of code in the css ".oxy-primary-big-button:active{ transform:scale(0.95,0.95);}")" just after ".oxy-primary-big-button:hover{ transform:scale(1.04,1.04);}"

I'd be grateful for any help you can give me to correct this problem, which breaks the animations of my buttons, which inevitably need a class (I don't copy and paste the code onto all my buttons).

Thank you !

[MaximeStarssed]

Solution: Reproduce the button code with the value ":active" in the CSS and add the words " !important" because the ":hover" takes precedence over the ":active" when placed in a class.