Styling payment gateway options

I’m sharing the CSS that we’re using to style our PayPal and Stripe payment options on the checkout page. Maybe this will help somebody out.

/* Style the Stripe option (make sure it displays first) */
div.wpi-payment_methods div.list-group-item:first-child div.radio {
background:url(“stripe_logo_wp_invoicing.png”) left center no-repeat;
padding-left:38px;
line-height:0;
}

/* Style the PayPal option (make sure it displays second) */
div.wpi-payment_methods div.list-group-item:last-child div.radio {
background:url(“paypal_logo_wp_invoicing.png”) left center no-repeat;
padding-left:38px;
}

/* Align the radiobox */
div.wpi-payment_methods div.list-group-item input {
height: 22px;
width: auto;
}

The images are included here as attachments.