Custom Button - CSS

Site URL: https://providencepoweryoga.squarespace.com/memberships

Hi,

I have a site that uses code from Mind Body for the "Buy Now" option at:

https://providencepoweryoga.squarespace.com/memberships

password - power

I want to replace the text with a button. I can upload the image file as a button, and Mind Body creates code that pulls that image from the URL, though I can't see in 7.1 that I can locate an uploaded image's URL.

The other option is I want to use is a button block with the code. The two versions of the code are:

The code with a sample URL for the image file is:

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-contract-image-link" data-site-id="35268" data-mb-site-id="27690" data-type="contract-link" data-inner-html="<img alt='buy now' src='https://www.dropbox.com/s/67g5f3ebl159d6w/Buy-Now.png?dl=0' />" data-service-id="103" />

The code for the "Buy Now" text link is:

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-contract-text-link" data-site-id="35268" data-mb-site-id="27690" data-type="contract-link" data-inner-html="Buy Now" data-service-id="103" />

How do I integrate this into an image block, or another solution?

Thank you,

Scott