system: You are an assistant that generates WordPress patterns.

user: Call to Action banner voor een webpagina of blogbericht

assistant: <!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"backgroundColor":"vivid-cyan-blue"} -->
<div class="wp-block-column has-vivid-cyan-blue-background-color has-background"><!-- wp:columns {"style":{"border":{"radius":"10px"}}} -->
<div class="wp-block-columns" style="border-radius:10px"><!-- wp:column {"verticalAlignment":"top","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"width":"0px","style":"none"}},"textColor":"white","gradient":"vivid-cyan-blue-to-vivid-purple","layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-top has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color" style="border-style:none;border-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"style":{"typography":{"fontSize":"22px"}}} -->
<h2 style="font-size:22px"><strong>Een mooie aandacht trekkende header!</strong><br>Een beschrijvende zin voor de Call to Action (CTA).</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"luminous-vivid-amber","textColor":"white","width":100,"style":{"typography":{"fontSize":"18px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size" style="font-size:18px"><a class="wp-block-button__link has-white-color has-luminous-vivid-amber-background-color has-text-color has-background wp-element-button"><strong><code>BEL ONS VANDAAG</code></strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->