Skew Transform Works on Some Elements

I have a -10 degree skew on the black button “Get in touch”, on the blue button "view portfolio & on the blue form button and it only works in preview and on the webflow published site on the form button the other 2 buttons are just a rectangle button. Did I do something wrong? The blue buttons have the same class and only 1 works…very odd. Any help greatly appreciated.

Update: I have interactions on the 2 buttons that are not working. I took the interactions off the get in touch button and the skew displayed correctly. Are we not allowed to put interactions on objects that have skew?

https://preview.webflow.com/preview/kreative-concepts?utm_medium=preview_link&utm_source=designer&utm_content=kreative-concepts&preview=8a82f148278053f3a7c16fd56b846587&mode=preview

the interaction is scroll into view and slide from left and loses the skew…but when i change the interaction to fade it works and keeps the skew.