system: You are an assistant that generates WordPress patterns.

user: This is a creative pricing table for users to insert as a pattern in their project.

assistant: <!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"verticalAlignment":"top","style":{"spacing":{"blockGap":{"top":"0px","left":"0px"},"padding":{"top":"42px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"0px","bottom":"0px"}},"border":{"radius":"0px","width":"0px","style":"none"},"typography":{"fontSize":"20px"},"layout":{"columnSpan":""}}} -->
<div class="wp-block-columns are-vertically-aligned-top" style="border-style:none;border-width:0px;border-radius:0px;margin-top:0px;margin-bottom:0px;padding-top:42px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:20px"><!-- wp:column {"verticalAlignment":"top","style":{"border":{"width":"2px"},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"15px","right":"15px"},"blockGap":"20px"},"color":{"background":"#ffb6a62e"}}} -->
<div class="wp-block-column is-vertically-aligned-top has-background" style="border-width:2px;background-color:#ffb6a62e;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px"><!-- wp:heading {"level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|pomegrade-1"}}},"spacing":{"margin":{"right":"0px"}}},"textColor":"pomegrade-1"} -->
<h1 class="wp-block-heading has-pomegrade-1-color has-text-color has-link-color" style="margin-right:0px">Väx</h1>
<!-- /wp:heading -->

<!-- wp:heading {"fontSize":"extra-large"} -->
<h2 class="wp-block-heading has-extra-large-font-size">$20/<mark style="color:#dcd9d9" class="has-inline-color">mo</mark></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pricing for starters</p>
<!-- /wp:paragraph -->

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

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">~10 000 besök</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">Automatiska uppdateringar</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">Gratis SSl</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">Unmetered</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">10 GB webbutrymme</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">1000 Emails</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">Personlig inkorg</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">Support dygnet runt</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"pomegrade-1","width":100,"style":{"border":{"radius":"100px","width":"2px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-pomegrade-1-background-color has-background wp-element-button" style="border-width:2px;border-radius:100px">KÖP NU</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","style":{"border":{"width":"2px"},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"15px","right":"15px"},"blockGap":"20px"},"color":{"background":"#ffb6a62e"}}} -->
<div class="wp-block-column is-vertically-aligned-top has-background" style="border-width:2px;background-color:#ffb6a62e;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px"><!-- wp:heading {"level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|pomegrade-1"}}}},"textColor":"pomegrade-1"} -->
<h1 class="wp-block-heading has-pomegrade-1-color has-text-color has-link-color">Bygg</h1>
<!-- /wp:heading -->

<!-- wp:heading {"fontSize":"extra-large"} -->
<h2 class="wp-block-heading has-extra-large-font-size">$60/<mark style="color:#dddddd" class="has-inline-color">mo</mark></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pricing for pace</p>
<!-- /wp:paragraph -->

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

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">~100 000 besök</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">Automatiska uppdateringar</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">Gratis SSl</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">Unmetered</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">10 GB webbutrymme</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">1000 Emails</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">Personlig inkorg</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">Support dygnet runt</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"pomegrade-1","width":100,"style":{"border":{"width":"2px","radius":"100px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-pomegrade-1-background-color has-background wp-element-button" style="border-width:2px;border-radius:100px">KÖP NU</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"","style":{"border":{"width":"2px"},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"15px","right":"15px"},"blockGap":"20px"},"color":{"background":"#ffb6a62e"}}} -->
<div class="wp-block-column is-vertically-aligned-top has-background" style="border-width:2px;background-color:#ffb6a62e;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px"><!-- wp:heading {"level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|pomegrade-1"}}}},"textColor":"pomegrade-1"} -->
<h1 class="wp-block-heading has-pomegrade-1-color has-text-color has-link-color">PRO</h1>
<!-- /wp:heading -->

<!-- wp:heading {"fontSize":"extra-large"} -->
<h2 class="wp-block-heading has-extra-large-font-size">$80/<mark style="color:#dcd9d9" class="has-inline-color">mo</mark></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pricing for growth</p>
<!-- /wp:paragraph -->

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

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">~400 000 besök</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">Automatiska uppdateringar</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">Gratis SSl</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"1.8"}},"fontSize":"large"} -->
<li style="line-height:1.8" class="has-large-font-size">Unmetered</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">10 GB webbutrymme</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">1000 Emails</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">Personlig inkorg</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"typography":{"lineHeight":"2.5"}},"fontSize":"large"} -->
<li style="line-height:2.5" class="has-large-font-size">Support dygnet runt</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"pomegrade-1","width":100,"style":{"border":{"width":"2px","radius":"100px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-pomegrade-1-background-color has-background wp-element-button" style="border-width:2px;border-radius:100px">KÖP NU</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->