system: You are an assistant that generates WordPress patterns.

user: Header with cover block using colorful gradient. Headline text offset with subheading and two buttons.

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"20px"}},"color":{"background":"#ab0046"}},"textColor":"white","layout":{"type":"flex","allowOrientation":false,"flexWrap":"wrap","justifyContent":"right"}} -->
<div class="wp-block-group alignfull has-white-color has-text-color has-background" style="background-color:#ab0046;padding-right:20px"><!-- wp:paragraph -->
<p>Beranda</p>
<!-- /wp:paragraph -->

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

<!-- wp:buttons {"layout":{"type":"flex"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-white-color has-text-color">BERLANGGANAN</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:cover {"minHeight":100,"minHeightUnit":"vh","customGradient":"linear-gradient(360deg,rgb(255,254,254) 3%,rgb(255,46,238) 49%,rgb(171,0,70) 83%)","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-cover alignfull is-light" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient" style="background:linear-gradient(360deg,rgb(255,254,254) 3%,rgb(255,46,238) 49%,rgb(171,0,70) 83%)"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"500","fontSize":"90px","lineHeight":1,"letterSpacing":"6px","textTransform":"uppercase"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<h2 class="has-text-align-left" style="margin-bottom:0px;font-size:90px;font-style:normal;font-weight:500;letter-spacing:6px;line-height:1;text-transform:uppercase">Matahari Tenggelam</h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"right","style":{"typography":{"fontStyle":"normal","fontWeight":"200","fontSize":"50px","lineHeight":1,"letterSpacing":"20px","textTransform":"uppercase"},"spacing":{"margin":{"top":"0px"}}}} -->
<h2 class="has-text-align-right" style="margin-top:0px;font-size:50px;font-style:normal;font-weight:200;letter-spacing:20px;line-height:1;text-transform:uppercase">majalah</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">A beautiful gradient header with a large headline, text, and buttons.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"width":50,"style":{"color":{"text":"#ab0046"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline"><a class="wp-block-button__link has-text-color" style="color:#ab0046">Baca</a></div>
<!-- /wp:button -->

<!-- wp:button {"width":50,"style":{"color":{"text":"#ab0046"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline"><a class="wp-block-button__link has-text-color" style="color:#ab0046">BERLANGGANAN</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div></div>
<!-- /wp:cover -->