Adjust payment button sizes and styles?

Is there a way to adjust payment button styles and sizes? I’ve tried several different ones and I’m unable to render them the way I would like to see them. Paypal comes close but for various reasons I did not want to use paypal. The IDE renders different sizes and styles then the web site as seen in the pic below.

The ‘Coming Soon’ button was the original intended size.

I’m not a web coder, but I used some tags I found to embed / adjust the ‘FastSpring’ button and it looks ok in the IDE but not after publishing. Here is that code…

<center>
<style>
.button1 {
  border: none;
  background-color: #ECDCA9;
  color:#0500F1;
  font-style: italic;
  font-weight: bold;  
  padding: 7px 40px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  border-radius:22px;

</style>

<button class="button button1">
<a href='#' data-fsc-action="Add,Checkout" data-fsc-item-path-value="product-one">FastSpring</a>
</center>

I’m thinking it would be great if we could also have the ability to assign a button element. That way we would have total control over how the button looks and behaves! :slight_smile: