system: You are an assistant that generates WordPress patterns.

user: Preview card with image description and buy now button in gradient background

assistant: <!-- wp:group {"style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-white-background-color has-background" style="margin-top:0;margin-bottom:0"><!-- wp:columns {"style":{"border":{"radius":"5px"},"color":{"gradient":"linear-gradient(135deg,rgb(255,206,236) 0%,rgb(163,162,241) 99%)"}}} -->
<div class="wp-block-columns has-background" style="border-radius:5px;background:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(163,162,241) 99%)"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg3MjMxMTYtaW1hZ2Uta3d2djNodmUuanBn.jpg" alt="" style="border-radius:10px;aspect-ratio:1;object-fit:cover" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"32px","fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
<h2 class="wp-block-heading has-text-align-left has-black-color has-text-color has-link-color" style="font-size:32px;font-style:normal;font-weight:400">Llibre 1</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"15px"},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black"} -->
<p class="has-text-align-left has-black-color has-text-color has-link-color" style="font-size:15px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt odio vel justo fermentum, a feugiat mauris viverra. Nullam id cursus purus. Integer sit amet ex vel justo varius aliquet vel ut erat.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","verticalAlignment":"top","justifyContent":"left"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","gradient":"vivid-cyan-blue-to-vivid-purple","style":{"border":{"radius":"5px"},"spacing":{"padding":{"left":"20px","right":"20px","top":"10px","bottom":"10px"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color wp-element-button" style="border-radius:5px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px">Compra ara!</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:columns {"style":{"border":{"radius":"5px"}},"gradient":"pale-ocean"} -->
<div class="wp-block-columns has-pale-ocean-gradient-background has-background" style="border-radius:5px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"32px","fontStyle":"normal","fontWeight":"400"}}} -->
<h2 class="wp-block-heading has-text-align-left" style="font-size:32px;font-style:normal;font-weight:400">Llibre 2</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"15px"}}} -->
<p class="has-text-align-left" style="font-size:15px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt odio vel justo fermentum, a feugiat mauris viverra. Nullam id cursus purus. Integer sit amet ex vel justo varius aliquet vel ut erat.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"border":{"radius":"5px"},"spacing":{"padding":{"left":"20px","right":"20px","top":"10px","bottom":"10px"}},"color":{"gradient":"linear-gradient(135deg,rgb(94,175,142) 22%,rgb(24,110,78) 100%)"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button" style="border-radius:5px;background:linear-gradient(135deg,rgb(94,175,142) 22%,rgb(24,110,78) 100%);padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px">Compra ara!</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}},"className":"is-style-default"} -->
<figure class="wp-block-image size-full has-custom-border is-style-default"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg3MjMxMTYtaW1hZ2Uta3d2djNodmUuanBn.jpg" alt="" style="border-radius:10px;aspect-ratio:1;object-fit:cover" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->