system: You are an assistant that generates WordPress patterns.

user: 3 columns with info about pricing options and a dedicated button. The column in the middle stands out with different spacing and background color.

assistant: <!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","style":{"color":{"background":"#eeeeee"},"spacing":{"padding":{"top":"2em","bottom":"2em"}}}} -->
<div class="wp-block-column is-vertically-aligned-center has-background" style="background-color:#eeeeee;padding-top:2em;padding-bottom:2em"><!-- wp:heading {"textAlign":"center","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":1}},"fontSize":"medium"} -->
<h2 class="has-text-align-center has-medium-font-size" style="font-style:normal;font-weight:700;line-height:1;text-transform:uppercase">Bàsic</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"60px","lineHeight":0.8}},"textColor":"palette-1"} -->
<p class="has-text-align-center has-palette-1-color has-text-color" style="font-size:60px;line-height:0.8">$69</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><em>Per week</em></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"color":"palette-4","className":"is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-background has-palette-4-background-color has-palette-4-color is-style-dots" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">☑ Home decorations<br>☑ Room planning<br>☒ 
Custom furniture
<br>☒ 
Vases and pottery
</p>
<!-- /wp:paragraph -->

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

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"black","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-black-color has-text-color" href="#0">Compra ara</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"4em","bottom":"4em"}}},"backgroundColor":"luminous-vivid-amber"} -->
<div class="wp-block-column is-vertically-aligned-center has-luminous-vivid-amber-background-color has-background" style="padding-top:4em;padding-bottom:4em"><!-- wp:heading {"textAlign":"center","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":1}},"textColor":"palette-5","fontSize":"medium"} -->
<h2 class="has-text-align-center has-palette-5-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:700;line-height:1;text-transform:uppercase">avançat</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"60px","fontStyle":"normal","fontWeight":"700","lineHeight":0.8}},"textColor":"palette-5"} -->
<p class="has-text-align-center has-palette-5-color has-text-color" style="font-size:60px;font-style:normal;font-weight:700;line-height:0.8">$149</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","textColor":"palette-5"} -->
<p class="has-text-align-center has-palette-5-color has-text-color"><em>Per week</em></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"color":"palette-2","className":"is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-background has-palette-2-background-color has-palette-2-color is-style-dots" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center","textColor":"palette-3"} -->
<p class="has-text-align-center has-palette-3-color has-text-color">☑ Home decorations<br>☑ Room planning<br>☑ Custom furniture<br>☒ 
Vases and pottery
</p>
<!-- /wp:paragraph -->

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

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background" href="#0">Compra ara</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"color":{"background":"#eeeeee"},"spacing":{"padding":{"top":"2em","bottom":"2em"}}}} -->
<div class="wp-block-column is-vertically-aligned-center has-background" style="background-color:#eeeeee;padding-top:2em;padding-bottom:2em"><!-- wp:heading {"textAlign":"center","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":1}},"fontSize":"medium"} -->
<h2 class="has-text-align-center has-medium-font-size" style="font-style:normal;font-weight:700;line-height:1;text-transform:uppercase">Profi</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"60px","lineHeight":0.8}},"textColor":"palette-1"} -->
<p class="has-text-align-center has-palette-1-color has-text-color" style="font-size:60px;line-height:0.8">$299</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":1.5}}} -->
<p class="has-text-align-center" style="line-height:1.5"><em>Per week</em></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"color":"palette-4","className":"is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-background has-palette-4-background-color has-palette-4-color is-style-dots" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">☑ Home decorations<br>☑ Room planning<br>☑ Custom furniture<br>☑ Vases and pottery</p>
<!-- /wp:paragraph -->

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

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"black","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-black-color has-text-color" href="#0">Compra ara</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->