Click to rotate element won't stay rotated

Hello All, I’m sure this is something stupid but I can’t figure it out.

On the vendor page of the site (last page) there is a A-Z Index button that shows/hides an alphabet link system. In that button is a text block with a double arrow that I want to rotate when the user clicks the button. Right now it rotates but it snaps back to 0 when the animation is finished. How can I make it stay rotated until the user clicks again to close the index?

https://webflow.com/design/cadcode3?preview=edb49792a2e175931d2426b6542937bd

Thanks!

Nevermind, It was because it was an inline block