Transfer Stripe checkout flow to new Card Payment UI

Description

I have a fully working sandbox stripe card payment flow on my website currently being built.I have completed a UI upgrade on the card payment input fields to make the user experience more to the feel and look of my website.I have attached an image of the old card payment section, and the new cleaner more appealing card payment section. The new payment input fields lack the stripe code for them to work.
1) I require an experienced coder with Stripe Checkout knowledge to transfer the existing working payment flow from the old card payment UI, to the new look card payment UI.2) The old payment page with the existing code will be available to use.3) Test once the transfer has completed to the new UI input fields and ensure the transactions are being recorded in my stripe business account sandbox ( I will check this is being recorded ) I also have the sandbox dummy card details for testing.4) If the transfer results in failed transactions, or not submitting, correct until working again. 5) I require the "pay now" button to be in a disabled state, until all of the card payment details have been put into the input fields, once this has been done then the pay now button appears live. All this coding is existing in the website template files. HTML, Bootstrap5, PHP, JS is the website construction.
If my proposal amount is insufficient for you to complete all tasks above, then ensure your proposal amount states the amount you require to complete all tasks and any unforeseen issues. No increase in proposal costs will be accepted once I accept your proposal to do this work.
Successful proposal completion will result in further work being requested on my website, therefore I am looking for a Dev long term, not just for this one proposal.