Responsive PayPal button Options

[Lost-html]

Hi,

so as I'm a total beginner and creating my site and have just one thing that needs to be manually imputed on the side and that is PayPal button - all else is a paid WP site that is responsive.

So I'm having problems of making PayPal "Buy now" button responsive - as I did get the code for the button and put in the text and it works, but it's not responsive. So I get also the code for that from the PayPal developer site - but it doesn't work.

As I know that the reason is that I have no idea of coding and with that what is not compatible if I put both of the codes together.

If somebody could help me correct the code I would be very grateful or advice on the topic.

<form action="https://www.paypal.com/test" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="test">
<table>
<tr><td><input type="hidden" name="on0" value="Packages">Packages</td></tr><tr><td><select name="os0">
<option value="10 minutes">10 minutes €29.99 EUR</option>
<option value="20 minutes">20 minutes €59.99 EUR</option>
<option value="30 minutes">30 minutes €99.99 EUR</option>
<option value="60 minutes">60 minutes €149.99 EUR</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

<div id="paypal-button" style="width: 200px"></div>

<script>
paypal.Button.render({
style: {
size: 'responsive'
}
});
</script>