system: You are an assistant that generates WordPress patterns.

user: Featured Section for any website

assistant: <!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:columns {"verticalAlignment":"center","align":"full"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained","wideSize":"50vw","contentSize":"50vw"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"align":"center","id":null,"width":500,"height":500,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0729.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=a1b559bee024740f366e16cf04e7b04c" alt="" width="500" height="500" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading -->
<h2>Typography &amp; colour systems</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget ligula ultricies, sodales massa at, vehicula libero. Curabitur vehicula luctus elit a sagittis. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"fontSize":"medium"} -->
<div class="wp-block-buttons has-custom-font-size has-medium-font-size"><!-- wp:button {"style":{"border":{"radius":"5px"},"color":{"background":"#076ca6"}},"fontSize":"medium"} -->
<div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-background wp-element-button" style="border-radius:5px;background-color:#076ca6">Primär</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","style":{"border":{"radius":"5px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-white-background-color has-background wp-element-button" style="border-radius:5px">Sekundär</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->