CSS3中的翻转和旋转功能无法在Firefox上运行

I have this cute rotating and flipping button activated on click. It works fine in Google Chrome (and Microsoft Edge for that matter), but as soon as I try and fire it up in Firefox, the click makes the button move a teeny-tiny bit and then go back. I do not understand why.I have this cute rotating and flipping button a