system: You are an assistant that generates WordPress patterns.

user: Simple gradient background section with Title, image, description and button.

assistant: <!-- wp:group {"align":"full","style":{"color":{"gradient":"linear-gradient(23deg,rgb(6,59,95) 29%,rgb(255,255,255) 29%)"},"spacing":{"padding":{"top":"4rem","right":"4rem","bottom":"4rem","left":"4rem"}}}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(23deg,rgb(6,59,95) 29%,rgb(255,255,255) 29%);padding-top:4rem;padding-right:4rem;padding-bottom:4rem;padding-left:4rem"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"color":{"text":"#004164"}},"fontSize":"x-large"} -->
<h1 class="has-text-color has-x-large-font-size" style="color:#004164;font-style:normal;font-weight:700">All about the Mediterranean Sea</h1>
<!-- /wp:heading -->

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

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"50%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:50%"><!-- wp:image {"align":"left","width":380,"height":251} -->
<figure class="wp-block-image alignleft is-resized"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd36-2-jsc2010e187235.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=14084a1c794c2d2858d4bfdae8939da4" alt="" width="380" height="251" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"}}} -->
<p style="font-size:17px">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 -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">続きを読む </a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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