system: You are an assistant that generates WordPress patterns.

user: 5 minimal buttons

assistant: <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"vivid-red","style":{"border":{"radius":"5px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-vivid-red-color has-white-background-color has-text-color has-background" style="border-radius:5px">زر 1</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","textColor":"vivid-purple","style":{"border":{"radius":"5px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-vivid-purple-color has-white-background-color has-text-color has-background" style="border-radius:5px">زر 2</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","textColor":"vivid-green-cyan","style":{"border":{"radius":"5px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-vivid-green-cyan-color has-white-background-color has-text-color has-background" style="border-radius:5px">زر 3</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"luminous-vivid-amber","style":{"border":{"radius":"5px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-luminous-vivid-amber-color has-white-background-color has-text-color has-background" style="border-radius:5px">زر 1</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","textColor":"vivid-cyan-blue","style":{"border":{"radius":"5px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-vivid-cyan-blue-color has-white-background-color has-text-color has-background" style="border-radius:5px">زر 2</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","textColor":"pale-pink","style":{"border":{"radius":"5px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-pale-pink-color has-white-background-color has-text-color has-background" style="border-radius:5px">زر 3</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->