system: You are an assistant that generates WordPress patterns.

user: Full section with image, heading, text and button with a blue horizontal cropped background.

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

<!-- wp:group {"align":"full","style":{"color":{"gradient":"linear-gradient(360deg,rgb(0,30,77) 80%,rgb(255,255,255) 80%)"}}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(360deg,rgb(0,30,77) 80%,rgb(255,255,255) 80%)"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<figure class="wp-block-image"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-678.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=93b2b410cd4d3930849d3974c7b43318" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
<h2 style="font-style:normal;font-weight:700">The Heading</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:18px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","style":{"color":{"text":"#05345e"},"typography":{"fontSize":"18px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-font-size is-style-outline" style="font-size:18px"><a class="wp-block-button__link has-white-background-color has-text-color has-background wp-element-button" style="color:#05345e">read more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

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