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!