How to fix CSS button animation issue in Firefox?

Question

css

Good afternoon.
Plugging in the following: there is a button . In webkit browsers (Chrome, Yandex, Opera), the button rotates as it should. In Firefox , it just compresses.
Moreover, on the example site, the button is spinning in both webkit and Firefox .
I can not understand - where is the error? Maybe someone has already come across.
Thank you.

Answer 1

preserve-3d in mozilla is bugged
upd:
while you were writing, I got the correct scheme =)
https://codepen.io/just-a-training/pen/MowRJa?edit...
the container has a perspective, the link has a preserve, then the transforms
B this article describes the main pain, I should read it again (and I advise you too, few people know and understand this)