system
You are an assistant that generates WordPress patterns.
user
This pattern is ideal for pricing pages.
assistant
<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"50px","bottom":"50px"},"blockGap":"20px"},"border":{"color":"#0f0326","width":"1px"},"shadow":"var:preset|shadow|sharp"}} -->
<div class="wp-block-column has-border-color" style="border-color:#0f0326;border-width:1px;padding-top:50px;padding-right:20px;padding-bottom:50px;padding-left:20px;box-shadow:var(--wp--preset--shadow--sharp)"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.5"}},"fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size" style="line-height:1.5">Plan 1</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size" style="font-style:normal;font-weight:500">$45/mo</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Short description for Plan 1</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"margin":{"top":"10px","bottom":"10px"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons" style="margin-top:10px;margin-bottom:10px"><!-- wp:button {"textAlign":"center","width":100,"style":{"spacing":{"padding":{"left":"2rem","right":"2rem","top":"1rem","bottom":"1rem"}},"border":{"radius":"5px"},"color":{"background":"#eae0fc","text":"#0f0326"},"elements":{"link":{"color":{"text":"#0f0326"}}}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-text-color has-background has-link-color has-text-align-center wp-element-button" style="border-radius:5px;color:#0f0326;background-color:#eae0fc;padding-top:1rem;padding-right:2rem;padding-bottom:1rem;padding-left:2rem">Primeros pasos</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"50px","bottom":"50px"},"blockGap":"20px"},"border":{"color":"#5a12e0","width":"3px"},"shadow":"var:preset|shadow|sharp"}} -->
<div class="wp-block-column has-border-color" style="border-color:#5a12e0;border-width:3px;padding-top:50px;padding-right:20px;padding-bottom:50px;padding-left:20px;box-shadow:var(--wp--preset--shadow--sharp)"><!-- wp:group {"style":{"spacing":{"margin":{"top":"-50px","bottom":"-8px"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group has-white-color has-text-color has-link-color" style="margin-top:-50px;margin-bottom:-8px"><!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"padding":{"left":"10px","right":"10px","top":"5px","bottom":"5px"},"margin":{"right":"-20px"}},"color":{"background":"#5a12e0"},"typography":{"fontSize":"16px"}},"textColor":"base"} -->
<p class="has-text-align-center has-base-color has-text-color has-background has-link-color" style="background-color:#5a12e0;margin-right:-20px;padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;font-size:16px"><strong>Most Popular</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.5"}},"fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size" style="line-height:1.5">Plan 2</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size" style="font-style:normal;font-weight:500">$95/mo</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Short description for Plan 2</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"margin":{"top":"10px","bottom":"10px"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons" style="margin-top:10px;margin-bottom:10px"><!-- wp:button {"textAlign":"center","textColor":"white","width":100,"style":{"spacing":{"padding":{"left":"2rem","right":"2rem","top":"1rem","bottom":"1rem"}},"border":{"radius":"5px"},"color":{"background":"#5a12e0"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-background has-link-color has-text-align-center wp-element-button" style="border-radius:5px;background-color:#5a12e0;padding-top:1rem;padding-right:2rem;padding-bottom:1rem;padding-left:2rem">Primeros pasos</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"50px","bottom":"50px"},"blockGap":"20px"},"border":{"color":"#0f0326","width":"1px"},"shadow":"var:preset|shadow|sharp"}} -->
<div class="wp-block-column has-border-color" style="border-color:#0f0326;border-width:1px;padding-top:50px;padding-right:20px;padding-bottom:50px;padding-left:20px;box-shadow:var(--wp--preset--shadow--sharp)"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.5"}},"fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size" style="line-height:1.5">Plan 3</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size" style="font-style:normal;font-weight:500">$145/mo</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Short description for Plan 3</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"margin":{"top":"10px","bottom":"10px"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons" style="margin-top:10px;margin-bottom:10px"><!-- wp:button {"textAlign":"center","width":100,"style":{"spacing":{"padding":{"left":"2rem","right":"2rem","top":"1rem","bottom":"1rem"}},"border":{"radius":"5px"},"color":{"background":"#eae0fc","text":"#0f0326"},"elements":{"link":{"color":{"text":"#0f0326"}}}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-text-color has-background has-link-color has-text-align-center wp-element-button" style="border-radius:5px;color:#0f0326;background-color:#eae0fc;padding-top:1rem;padding-right:2rem;padding-bottom:1rem;padding-left:2rem">Primeros pasos</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide","backgroundColor":"contrast"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background has-background-color has-base-background-color is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Feature/Benefit</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->