[CF7] two forms with same styling do not apply

It is driving me nuts, I have 2 forms on 2 separate pages, they have the same code (but a different ID). I have one simple css, that applies on one and not applies fully on the other:

.button-cf7 {display:inline-block; margin:0 10px 0 0; padding:0 10px 10px;}
@media screen and (max-width:400px) { .button-cf7 {display:block; margin:10px 10px 0 0;} }

It’s about having “clear” and “submit” buttons on the same line, and one below the other when responsive. When responsive they are one below the other but in normal screen one form doesn’t.