system: You are an assistant that generates WordPress patterns.

user: planes para web

assistant: <!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"}},"border":{"width":"2px"}},"gradient":"blush-light-purple","layout":{"inherit":false}} -->
<div class="wp-block-column has-blush-light-purple-gradient-background has-background" style="border-width:2px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}}} -->
<h2 class="has-text-align-center" style="font-style:normal;font-weight:400">Básico</h2>
<!-- /wp:heading -->

<!-- wp:separator {"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Fácil de usar</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">gen del widget</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity" />
<!-- /wp:separator -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">$19</h2>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"align":"center","style":{"border":{"radius":"20px"}},"className":"is-style-outline"} -->
<div class="wp-block-button aligncenter is-style-outline"><a class="wp-block-button__link" style="border-radius:20px">Seleccionar un plan</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"gradient":"linear-gradient(45deg,rgb(238,156,167) 7%,rgb(155,81,224) 100%)"},"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"}},"border":{"width":"2px"}}} -->
<div class="wp-block-column has-background" style="background:linear-gradient(45deg,rgb(238,156,167) 7%,rgb(155,81,224) 100%);border-width:2px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}}} -->
<h2 class="has-text-align-center" style="font-style:normal;font-weight:400">Estándar</h2>
<!-- /wp:heading -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Bloques estáticos de Gutenberg</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Escritorio con ajustes sencillos</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity" />
<!-- /wp:separator -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">$30</h2>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"align":"center","style":{"border":{"radius":"20px"}},"className":"is-style-outline"} -->
<div class="wp-block-button aligncenter is-style-outline"><a class="wp-block-button__link" style="border-radius:20px">Seleccionar un plan</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"}},"border":{"width":"2px"}},"gradient":"luminous-dusk"} -->
<div class="wp-block-column has-luminous-dusk-gradient-background has-background" style="border-width:2px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}}} -->
<h2 class="has-text-align-center" style="font-style:normal;font-weight:400">PREMIUM</h2>
<!-- /wp:heading -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Bloques dinámicos de Gutenberg</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Personalización del tema.</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity" />
<!-- /wp:separator -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">$50</h2>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"align":"center","style":{"border":{"radius":"20px"}},"className":"is-style-outline"} -->
<div class="wp-block-button aligncenter is-style-outline"><a class="wp-block-button__link" style="border-radius:20px">Seleccionar un plan</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->