system: You are an assistant that generates WordPress patterns.

user: Discount sale banner :

assistant: <!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><em><strong>Discount Sale Banner :</strong></em></h4>
<!-- /wp:heading -->

<!-- wp:media-text {"mediaPosition":"right","mediaType":"image","mediaWidth":51,"verticalAlignment":"center","imageFill":false,"style":{"color":{"background":"#f4ddc6"}}} -->
<div class="wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center has-background" style="background-color:#f4ddc6;grid-template-columns:auto 51%"><div class="wp-block-media-text__content"><!-- wp:paragraph {"align":"left","placeholder":"Skriv rubrik …","fontSize":"large"} -->
<p class="has-text-align-left has-large-font-size"><strong><em>FÅ 50&nbsp;% RABATT!</em></strong></p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button"><strong><em>BESTÄLL NU</em></strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph -->
<p>---------------------------</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div><figure class="wp-block-media-text__media"><img src="https://images.rawpixel.com/editor_1024/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTAzL2ZyMjAxNV8wOV8yNF9sdXh1cnlfMjYtaW1hZ2UuanBn.jpg" alt="" /></figure></div>
<!-- /wp:media-text -->