moar buttons

gistfile1.txt

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link" href="#ghgfh">filled</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"text":"#1b9cd3"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color" href="#gfhgfh" style="color:#1b9cd3">filled custom text color</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"purple","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-purple-color has-text-color" href="#fgf">filled palette text color</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"background":"#03a300"}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-background" href="#fgdfgfd" style="background-color:#03a300">filled custom background color</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"red","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-red-background-color has-background" href="#ghfhfg">filled palette background color</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"text":"#1b9cd3","background":"#a36100"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background" href="#ghfghfg" style="background-color:#a36100;color:#1b9cd3">filled custom text color and background</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","textColor":"red","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-red-color has-white-background-color has-text-color has-background" href="#ghfghfg">filled palette text color and background</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="#fgdgdf">outline</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"text":"#1b9cd3"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color" href="#gfhfghfg" style="color:#1b9cd3">outline custom text color</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"red","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-red-color has-text-color" href="#ghfhfgh">outline palette text color</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"background":"#ecd333"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-background" href="#gfhfghgf" style="background-color:#ecd333">outline custom background color</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"red","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-red-background-color has-background" href="#ghfghfg">outline palette background color</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"text":"#1b9cd3","background":"#a36100"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color has-background" href="#gfhfghfg" style="background-color:#a36100;color:#1b9cd3">outline custom text color and custom background</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->