system: You are an assistant that generates WordPress patterns.

user: Botón con forma de burbuja/hoja de texto con variedades rellenas y perfiladas. Variaciones con extremo puntiagudo en las 4 esquinas.

assistant: <!-- wp:paragraph {"textColor":"vivid-red"} -->
<p class="has-vivid-red-color has-text-color">Abajo <strong>a la izquierda</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">Relleno</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">Trazado</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"textColor":"luminous-vivid-orange"} -->
<p class="has-luminous-vivid-orange-color has-text-color">Abajo <strong>a la derecha</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">Relleno</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">Trazado</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"textColor":"luminous-vivid-amber"} -->
<p class="has-luminous-vivid-amber-color has-text-color">Arriba <strong>a la izquierda</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">Relleno</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">Trazado</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"textColor":"vivid-green-cyan"} -->
<p class="has-vivid-green-cyan-color has-text-color">Arriba <strong>a la derecha</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">Relleno</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">Trazado</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

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