SDN経由でJavascriptを用いて表示しているボタンの画像化

Question

現在Railsでウェブサイトを作成しております。
PAY.JPの決済サービスを導入しようとしており、以下のようにSDN経由でJavascriptを用いて表示しているボタンのため、コードでボタンを作成したあと、bodyの最後にstyleを記述することでのカスタマイズがしている状況です。

この状態で、ボタンの画像化を行いたいのですがうまくいきません。

background: url(payment.png) no-repeat;
をstyle内に書いても画像が表示されない状態です。

input[type=button]内に記述し画像化するやり方をご教示いただけますと幸いです。
よろしくお願いいたします。

</body>
　　
　　・
　　・
　　・

    <%= form_tag("/xxxxx/purchase", method: :post) do %>
      <%= hidden_field_tag :image_name, params[:yyyy] %>
      <script type="text/javascript"
              src="https://checkout.pay.jp"
              class="payjp-button"
              data-key="pk_test_xxxxxxxxxxxxxx"
              data-text="支払いに進む"
              data-submit-text="お支払い"
              data-partial="false"></script>
    <% end %>

<style type="text/css">
#payjp_checkout_box input[type=button]
{
-webkit-appearance:none;
border-radius:2px;display:inline-block;padding:0.5em;font-size:1.5em;
text-align:center;
white-space:nowrap;vertical-align:middle;
cursor:pointer;border:1px solid #2FA0DC;
width:480px;height:150px;
/*  ここに
background: url(payment.png) no-repeat;
と書いても、何も表示されない状態です。
}
</style>

</body>

Answer 1

background: url(<%= asset_path "payment.png" %>) no-repeat;
で解決できました。

お騒がせしました。