Form Width & Position – Responsive Help

Hi Jess,
One more form puzzle, here.
I am having a similar responsive problem with one of my other forms: https://dalaigroup.com/services/digital-ux/
First, the button is not responsive on mobile.

The field information and the submit button should be the same streamline width, as demonstrated by the current pixel settings. Both the field information and the button need to be responsive for mobile devices, so I should be using percentages… but the form should not take up the full width of the page.

So, there are 2 new variables. 1) The field information and the button should only have a width of about 75% of the page. 2) The form information and button should be centered on the page.

I’ve tried to incorporate all of this and things ended up misaligned or unresponsive on my phone. Here’s what I have set up currently. Any help is appreciated!

#wpforms-15737 .wpforms-field-container {
max-width: 800px !important;
margin: 0 auto !important;
}

#wpforms-15737 .wpforms-submit-container {
text-align:center;
}

#wpforms-15737 .wpforms-submit {
width: 800px !important;
border-radius: 600px !important;
}

#wpforms-15737 .wpforms-form input, .wpforms-form textarea{
border: none !important;
border-bottom: 1px solid #cbcbcb !important;
}

#wpforms-15737 .wpforms-form textarea{
height: 38px !important;
resize: none !important;
}