system: You are an assistant that generates WordPress patterns.

user: Text section with Heading and Button.

assistant: <!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

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

<!-- wp:heading {"level":4,"style":{"color":{"text":"#f05454"}}} -->
<h4 class="has-text-color" style="color:#f05454">Hi There!</h4>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"style":{"typography":{"textTransform":"capitalize","fontStyle":"italic","fontWeight":"700"},"color":{"text":"#30475e"}}} -->
<h2 class="has-text-color" style="color:#30475e;font-style:italic;font-weight:700;text-transform:capitalize">Sed imperdiet imperdiet</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"color":{"text":"#121212"}}} -->
<p class="has-text-color" style="color:#121212">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputateo.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#121212"}},"fontSize":"medium"} -->
<p class="has-text-color has-medium-font-size" style="color:#121212">Aliquam auctor viverra feugiat. Integer vehicula placerat erat ullamcorper maximus. Aenean id vehicula ligula. Integer imperdiet, purus accumsan facilisis fringilla, erat nisl consectetur nisl</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#f05454","text":"#f5f5f5"},"typography":{"textTransform":"capitalize"},"border":{"radius":"6px"}},"className":"is-style-fill","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-fill has-small-font-size" style="text-transform:capitalize"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="border-radius:6px;color:#f5f5f5;background-color:#f05454">قراءة المزيد</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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