Stripe Checkout Custom Button CSS

prettyStripe.html

<link rel="stylesheet" href="https://checkout.stripe.com/v3/checkout/button.css"></link>

<script src="https://checkout.stripe.com/checkout.js"></script>
<button id="customButton" class="stripe-button-el">
    <span style="display: block; min-height: 30px;">Pay with Card</span>
</button>

How would one implement this when using wordpress?

In your functions.php file @c-well - (I know it's rather late, but is anyone comes across this again see below)

function themename_custom_css() {
    wp_enqueue_style( 'stripe-css', 'https://checkout.stripe.com/v3/checkout/button.css', array(), '1.0.0', 'screen' );
}
add_action( 'wp_enqueue_scripts', 'themename_custom_css' );