How do I add padding around my forms

I’ve been using cf7 for a few years now, love it and it works perfectly for me.

To date I’ve not added color or padding to my forms, but when I tried to add both via my child theme today, the padding is not taking effect.

Here’s an example of my current page https://cleanerstogo.co.uk/contact-us

And here’s the current code from my child theme

.wpcf7 {
padding: 10px 2.5%;
background-color: #f7f7f7;
border: 2px solid #333333;
}

I’ve also tried

padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;

and

padding: 10px;

but neither have worked.

I’ve found this post and checked I’m running the latest version of .cf7, but I’m still stuck
https://www.ads-software.com/support/topic/changing-default-padding-and-margins/

Am I missing something obvious, if so, can someone put me out of my misery and flag my error up for me?

Thanks