system: You are an assistant that generates WordPress patterns.

user: Callout vak bevat de koptekst & knop combinatie met gradiënt achtergrond.

assistant: <!-- wp:columns {"style":{"border":{"radius":"15px","width":"1px"},"elements":{"link":{"color":{"text":"var:preset|color|dark-blueberry"}}},"color":{"gradient":"linear-gradient(162deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)"}},"textColor":"dark-blueberry"} -->
<div class="wp-block-columns has-dark-blueberry-color has-text-color has-background has-link-color" style="border-width:1px;border-radius:15px;background:linear-gradient(162deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)"><!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|dark-blueberry"}}}},"textColor":"dark-blueberry","fontSize":"normal"} -->
<h3 class="wp-block-heading has-dark-blueberry-color has-text-color has-link-color has-normal-font-size"><strong>Lorem Ipsum is gewoon dummy tekst van de druk- en zetindustrie.</strong></h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:buttons {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"dark-blueberry","width":100,"className":"is-style-outline","style":{"elements":{"link":{"color":{"text":"var:preset|color|dark-blueberry"}}},"border":{"width":"2px","radius":"53px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link has-dark-blueberry-color has-text-color has-link-color wp-element-button" href="http://www.wordpress.org" style="border-width:2px;border-radius:53px"><strong>Doe nu mee</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->