Add payment icons under the "Buy Now" Button?

[bluecat1]

Hello,

I'd like to add the payment icons under my "Buy Now" Button. I managed to add the code in product-template.liquid and the icons are displayed. But I have too much white space between the button and the icons. How can I edit this?

I'm using the Venture 12.0.1  theme.

This is how I insert the code:

            {% if section.settings.enable_payment_button %}
              {{ form | payment_button }}    
<div style="text-align: center; ">
<style>
  .methods-of-payment img { padding: 0.2em; }
  .lt-ie9 .methods-of-payment, .ie8 .methods-of-payment, .oldie .methods-of-payment { display: none; }
</style>
<span class="methods-of-payment">
  <img src="{{ 'paypal' | payment_type_img_url }}" height="29" alt="paypal" />
  <img src="{{ 'apple_pay' | payment_type_img_url }}" height="29" alt="apple pay" />
  <img src="{{ 'google_pay' | payment_type_img_url }}" height="29" alt="google_pay" />
  <img src="{{ 'visa' | payment_type_img_url }}" height="29" alt="visa" />
  <img src="{{ 'master' | payment_type_img_url }}" height="29" alt="master" />
  <img src="{{ 'maestro' | payment_type_img_url }}" height="29" alt="maestro" />
  <img src="{{ 'american_express' | payment_type_img_url }}" height="29" alt="american express" />
  <img src="{{ 'klarna-pay-later' | payment_type_img_url }}" height="29" alt="klarna-pay-later" />
  <img src="{{ 'sofort' | payment_type_img_url }}" height="29" alt="sofort" />
</span>
</div>

I appreciate any help!

Thank you

[paramSoft]

Please provide website url and if your store is password protected then also provide password