system: You are an assistant that generates WordPress patterns.

user: Nút hình bong bóng văn bản / lá có các biến thể đầy đủ và viền ngoài. Các biến thể có đầu nhọn ở cả 4 góc.

assistant: <!-- wp:paragraph {"textColor":"vivid-red"} -->
<p class="has-vivid-red-color has-text-color">Bottom <strong>left</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">Đầy đủ</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">Viền ngoài</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"textColor":"luminous-vivid-orange"} -->
<p class="has-luminous-vivid-orange-color has-text-color">Bottom <strong>right</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">Đầy đủ</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">Viền ngoài</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"textColor":"luminous-vivid-amber"} -->
<p class="has-luminous-vivid-amber-color has-text-color">Top <strong>left</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">Đầy đủ</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">Viền ngoài</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"textColor":"vivid-green-cyan"} -->
<p class="has-vivid-green-cyan-color has-text-color">Top <strong>right</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">Đầy đủ</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">Viền ngoài</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

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