trying to line up ReCaptcha and Submit on same line

Hi all,
I have created a really basic form for testing. I am using CF7 4.7 downloaded tonight.

I have three fields Name,recaptcha and submit

What I am trying to do is place the recaptcha and submit button on the same row onscreen

At the moment it isn’t working ‘out of the box’. I have put my google keys into the Integration option for cf7 and inserted the light and normal recaptcha code into my form.

I have added a class to my recaptcha so that I can refer to it directly with some css

BUT here is where it goes funny for me:

I see and additional box offset under the Recaptcha. It seems to be an editable input box
When I click submit a long code appears in the box.

What is this? And is this box meant to be editable and visible?
Im also not seeing any challenges in the ReCaptcha I just click I am human and its all ok

So as I try to line my captcha and submit up I thought all I would have to do was to insert the following CSS in the CF7 Additional CSS tab

.SamCaptcha{
Display:inline-block!important;
}

but this doesn’t seem to have any impact at all.

Can anyone help me get things sorted please,

Im aware of how stupid this must appear,

All the best,
Sam