Paypal Jetzt Kaufen Formular position right

[mooon0815]

Hallo zusammen Community,

ich stehe ein wenig auf dem Schlauch und hoffe mir kann hier vielleicht jemand einen Hinweiß oder Tip geben.

Ich möchte gerne einen Paypal Button auf einer Seite einbinden. Die Seite ist mit Flex aufgebaut, 2 spaltig, abwechselnd untereinander Bilder und Text.

Das Paypal Formular habe ich in einem div Element und möchte es nun gerne rechts unter Text positionieren. Leider klappt das gerade einfach nicht ganz und ich verstehe nicht warum..

vielen Dank für jeden Hinweiß!

mit besten Grüßen

<div>
                <form class ="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                <input type="hidden" name="cmd" value="_s-xclick">
                <input type="hidden" name="hosted_button_id" value="WQQWYRAC5CSCJ">
                <table>
                    <tr><td><input type="hidden" name="on0" value="Flaschengröße">Flaschengröße</td></tr><tr><td><select name="os0">
                    <option value="100 ml">100 ml €7,00 EUR</option>
                    <option value="250ml">250ml €12,00 EUR</option>
                    </select> </td></tr>
                </table>
                <input type="hidden" name="currency_code" value="EUR">
                <input type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal.">
                <img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1">
            </form> 
</div>

und im CSS:

form.paypal {
    display: flex;
    background-color: #FFFBD6;
    flex: 1;
    margin-left: 10%;
    margin-right: 10%;
    text-align: right;
}