system: You are an assistant that generates WordPress patterns.

user: Text-bubble/leaf shaped button with filled and Outlined varieties. Variations with pointed end in all 4 corners.

assistant: <!-- wp:paragraph {"textColor":"vivid-red"} -->
<p class="has-vivid-red-color has-text-color">Botten <strong>vänster</strong></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"white","style":{"border":{"radius":{"topLeft":"100px","topRight":"100px","bottomLeft":"10px","bottomRight":"100px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background wp-element-button" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:10px;border-bottom-right-radius:100px">Fylld</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"vivid-red","style":{"border":{"radius":{"topLeft":"100px","topRight":"100px","bottomLeft":"10px","bottomRight":"100px"}}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-vivid-red-color has-text-color wp-element-button" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:10px;border-bottom-right-radius:100px">Markerade ytterkanter</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"textColor":"luminous-vivid-orange"} -->
<p class="has-luminous-vivid-orange-color has-text-color">Botten <strong>höger</strong></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"luminous-vivid-orange","textColor":"white","style":{"border":{"radius":{"topLeft":"100px","topRight":"100px","bottomLeft":"100px","bottomRight":"10px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-luminous-vivid-orange-background-color has-text-color has-background wp-element-button" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:10px">Fylld</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"luminous-vivid-orange","style":{"border":{"radius":{"topLeft":"100px","topRight":"100px","bottomLeft":"100px","bottomRight":"10px"}}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-luminous-vivid-orange-color has-text-color wp-element-button" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:10px">Markerade ytterkanter</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"textColor":"luminous-vivid-amber"} -->
<p class="has-luminous-vivid-amber-color has-text-color">Toppen <strong>vänster</strong></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"luminous-vivid-amber","textColor":"white","style":{"border":{"radius":{"topLeft":"10px","topRight":"100px","bottomLeft":"100px","bottomRight":"100px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-luminous-vivid-amber-background-color has-text-color has-background wp-element-button" style="border-top-left-radius:10px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">Fylld</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"luminous-vivid-amber","style":{"border":{"radius":{"topLeft":"10px","topRight":"100px","bottomLeft":"100px","bottomRight":"100px"}}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-luminous-vivid-amber-color has-text-color wp-element-button" style="border-top-left-radius:10px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">Markerade ytterkanter</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"textColor":"vivid-green-cyan"} -->
<p class="has-vivid-green-cyan-color has-text-color">Toppen <strong>höger</strong></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","textColor":"white","style":{"border":{"radius":{"topLeft":"100px","topRight":"10px","bottomLeft":"100px","bottomRight":"100px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background wp-element-button" style="border-top-left-radius:100px;border-top-right-radius:10px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">Fylld</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"vivid-green-cyan","style":{"border":{"radius":{"topLeft":"100px","topRight":"10px","bottomLeft":"100px","bottomRight":"100px"}}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-vivid-green-cyan-color has-text-color wp-element-button" style="border-top-left-radius:100px;border-top-right-radius:10px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">Markerade ytterkanter</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->