How to have the custom form 'add to cart button' on a product page be different than the add to cart button on the main shop page

I have the custom form enabled on this product as well as customizing the "add to cart" button text. My goal on the main product page was for it to say "continue to add details" and then on the custom form it would say "add to cart" or "pay now". 

I tried using the :before tag with the "content" change and that didn't seem to work. 

Could use an expert coder here! 

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Hello the URL is https://figandflower.squarespace.com/flowers/p/pure-classic-bouquet

Password is: brandwell

Thank you in advance!

Thank you!