在同一页面上以不同方式设置两个条纹结帐（简单集成）按钮

I' using stripe checkout' simple integration, i.e.

<form action="/your-server-side-code" method="POST">
<script
  src="https://checkout.stripe.com/checkout.js" class="stripe-button"
  data-key="key_example"
  data-amount="2000"
  data-name="test"
  data-description="2 widgets"
  data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
  data-locale="auto"
  data-currency="aud">
</script>
</form>

To style the button that triggers the initial pop up i know I need to override the .stripe-button-el span class however, I've got two stripe checkout buttons (a choice of two subscriptions) on the same page and want to style them differently (i.e. have different backgrounds). Anyone know how i can do this?

(I cant seem to work out their custom integration so please don't suggest this)

Thanks!