system: You are an assistant that generates WordPress patterns.

user: Denna sektion kan användas för text med tre kolumner. Den har bild och knapp.

assistant: <!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"style":{"color":{"text":"#218380"},"typography":{"textTransform":"capitalize","fontStyle":"italic","fontWeight":"700"}}} -->
<p class="has-text-color" style="color:#218380;font-style:italic;font-weight:700;text-transform:capitalize">Lorem Ipsum Dolor Sit Amet</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"color":{"text":"#d81159"}}} -->
<h2 class="has-text-color" style="color:#d81159">Donec congue elit molestie feugiat facilisis</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right","verticalAlignment":"top"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"color":{"background":"#218380"},"border":{"radius":"5px"}},"className":"is-style-fill","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-fill has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#218380">Se mer</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"color":[],"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0363.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=22d3b929ea5a8970ceb9a65a1c434ea0" alt="" style="border-radius:10px" /></figure>
<!-- /wp:image -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"style":{"color":{"text":"#d81159"},"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"600"}},"fontSize":"medium"} -->
<h2 class="has-text-color has-medium-font-size" style="color:#d81159;font-style:normal;font-weight:600;text-transform:capitalize">Etiam sodales</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#001427"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#001427">Cras aliquam metus et hendrerit tristique. Etiam eu felis finibus, sagittis arcu id, facilisis eros. Nunc pulvinar dolor tellus, eget lacinia justo suscipit vitae.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#001427"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#001427">E-post: example@example.com</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"style":{"color":{"text":"#d81159"},"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"600"}},"fontSize":"medium"} -->
<h2 class="has-text-color has-medium-font-size" style="color:#d81159;font-style:normal;font-weight:600;text-transform:capitalize">Nam eu malesuada</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#001427"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#001427">Nunc ullamcorper pellentesque lorem, eu dignissim quam volutpat id. Nam eu malesuada erat. Sed scelerisque sapien et neque mollis, venenatis dapibus ante volutpat. Cras aliquam metus et hendrerit tristique. Etiam eu felis finibus, sagittis arcu id, facilisis eros.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","layout":{"inherit":false}} -->
<div class="wp-block-column"><!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"style":{"color":{"text":"#d81159"},"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"medium"} -->
<h2 class="has-text-color has-medium-font-size" style="color:#d81159;font-style:normal;font-weight:600">Suspendisse potenti</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#001427"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#001427">Phasellus at mi sed ante efficitur dapibus. Sed ac porttitor ligula. Aliquam tristique nec dui id pulvinar. Phasellus eu magna ut enim aliquam fringilla. Nullam pulvinar vulputate massa, non iaculis est consequat nec.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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