Media query is not activating for phone for a button from hubspot

I got a form from hubspot for the footer email address.
I edited the form with custom css, it is working fine on desktop mode, also works on different screen size by making the window smaller on desktop. Can use chrome “inspect” tool to find the class and play with css as well.

However, it is not working if I try it on my iphone. It works as default css. Weird thing is, I can change font size & position it. But no other css properties is working, ie. cannot change the radius of the button, or text color.

I am using
@media screen and (max-width: 390px) {
position: absolute;
left: 67% !important;
top: 0px !important;
border-radius: 40px 8px 8px 0 !important;

Any help is appreciated.

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)