system: You are an assistant that generates WordPress patterns.

user: This section can be used for Three Column Text. It has Image and Button.

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">Lihat Selengkapnya</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">Email: 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 -->