system
You are an assistant that generates WordPress patterns.
user
Sass like pricing block.
assistant
<!-- wp:columns {"align":"wide","backgroundColor":"black"} -->
<div class="wp-block-columns alignwide has-black-background-color has-background"><!-- wp:column {"style":{"spacing":{"padding":{"top":"12px","bottom":"12px","left":"12px","right":"12px"}},"color":{"background":"#4a4f57"}}} -->
<div class="wp-block-column has-background" style="background-color:#4a4f57;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px"><!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"5px","bottom":"5px","left":"5px","right":"5px"}}},"backgroundColor":"vivid-green-cyan","textColor":"white"} -->
<p class="has-text-align-center has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-link-color" style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><strong>INICIO</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"32px"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color has-link-color" style="font-size:32px"><strong>Free</strong></p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>Webflow.io domain.</strong> <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>An entry-level site</strong><br>2 pages <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>50 CMS items <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>50 form submissions (lifetime) <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>Free Localization preview <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>Limited traffic</strong><br>1 GB bandwidth <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>1k visitors</p>
<!-- /wp:paragraph -->

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

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","textColor":"white","width":100,"style":{"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-vivid-green-cyan-background-color has-text-color has-background has-link-color wp-element-button"><strong>Start for free</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"12px","bottom":"12px","left":"12px","right":"12px"}}},"backgroundColor":"vivid-green-cyan"} -->
<div class="wp-block-column has-vivid-green-cyan-background-color has-background" style="padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px"><!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"spacing":{"padding":{"top":"5px","bottom":"5px","left":"5px","right":"5px"}}},"backgroundColor":"white","textColor":"black"} -->
<p class="has-text-align-center has-black-color has-white-background-color has-text-color has-background has-link-color" style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><strong>CMS</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"32px"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color has-link-color" style="font-size:32px"><strong>$23</strong><sub>/mo</sub></p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>Custom domain </strong><img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>A content-rich site</strong><br>150 pages <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>2k CMS items <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>1k form submissions (monthly) <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>3 content editors <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>Site search <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>Localization Add-on</strong> <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>Free preview <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>Generous traffic</strong><br>200 GB bandwidth <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>250k visitors</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","width":100,"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color wp-element-button"><strong>Start for free</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"12px","bottom":"12px","left":"12px","right":"12px"}},"color":{"background":"#4a4f57"}}} -->
<div class="wp-block-column has-background" style="background-color:#4a4f57;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px"><!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"5px","bottom":"5px","left":"5px","right":"5px"}}},"backgroundColor":"vivid-green-cyan","textColor":"white"} -->
<p class="has-text-align-center has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-link-color" style="padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><strong>Business</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"32px"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color has-link-color" style="font-size:32px"><strong>$39</strong><sub>/mo</sub></p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>Custom domain</strong><img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>A business site</strong><br>150 pages <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>10k CMS items <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>2.5k form submissions (monthly) <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>10 content editors <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info">Site search <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"><br>Form file upload <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>Localization Add-on </strong><img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info">Free preview <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color"><strong>Expanded traffic</strong><br>400 GB bandwidth <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info">300k visitors <img src="https://assets-global.website-files.com/65118f3a1007b01ce473e835/65118f3a1007b01ce473e953_icon-info-line-white.svg" alt="More info"></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"6px"} -->
<div style="height:6px" 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":"vivid-green-cyan","textColor":"white","width":100,"style":{"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-vivid-green-cyan-background-color has-text-color has-background has-link-color wp-element-button"><strong>Start for free</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->