system: You are an assistant that generates WordPress patterns.

user: About us section with button

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"13em","bottom":"13em"}}},"backgroundColor":"vivid-red","textColor":"white","layout":{"contentSize":"1200px"}} -->
<div class="wp-block-group alignfull has-white-color has-vivid-red-background-color has-text-color has-background" style="padding-top:13em;padding-bottom:13em"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","style":{"typography":{"lineHeight":"1.2"}}} -->
<h2 class="has-text-align-center" id="art-beaute" style="line-height:1.2"><em><strong>Why do we use it?</strong></em></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><em>It is a long established fact that a reader will be distracted by<br>the readable content of a page when looking at its layout.</em></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"vivid-red","style":{"spacing":{"padding":{"top":"12px","bottom":"12px","left":"50px","right":"50px"}}},"className":"is-style-fill","fontSize":"medium"} -->
<div class="wp-block-button has-custom-font-size is-style-fill has-medium-font-size"><a class="wp-block-button__link has-vivid-red-color has-white-background-color has-text-color has-background" href="#0" style="padding-top:12px;padding-right:50px;padding-bottom:12px;padding-left:50px"><strong>Abonner</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->