system: You are an assistant that generates WordPress patterns.

user: Design for Pricing Table

assistant: <!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"70px","bottom":"70px","right":"20px","left":"20px"}},"border":{"radius":"20px"},"color":{"gradient":"linear-gradient(135deg,rgb(122,220,180) 0%,rgb(209,105,233) 53%,rgb(0,208,130) 100%)"}}} -->
<div class="wp-block-columns alignwide has-background" style="border-radius:20px;background:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(209,105,233) 53%,rgb(0,208,130) 100%);padding-top:70px;padding-right:20px;padding-bottom:70px;padding-left:20px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontSize":"40px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"vivid-red"} -->
<h1 class="wp-block-heading has-text-align-center has-vivid-red-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:40px;font-style:normal;font-weight:700;text-transform:uppercase">Taula de preus</h1>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"30px"},"color":{"text":"#184362"},"spacing":{"margin":{"top":"10px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h2 class="wp-block-heading has-text-align-center has-text-color" style="color:#184362;margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:30px;font-style:normal;font-weight:700">Our pricing plan</h2>
<!-- /wp:heading -->

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

<!-- wp:columns {"style":{"spacing":{"padding":{"top":"30px","bottom":"30px","right":"50px","left":"50px"},"margin":{"top":"50px","bottom":"0px"}},"border":{"radius":"80px"}},"backgroundColor":"white"} -->
<div class="wp-block-columns has-white-background-color has-background" style="border-radius:80px;margin-top:50px;margin-bottom:0px;padding-top:30px;padding-right:50px;padding-bottom:30px;padding-left:50px"><!-- wp:column {"verticalAlignment":"center","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:10%"><!-- wp:image {"align":"center","width":66,"height":66,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2pvYjczMC0wNjYtcC5wbmc.png" alt="" style="width:66px;height:66px" width="66" height="66" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"25px"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"text":"#00457a"}}} -->
<h3 class="wp-block-heading has-text-align-center has-text-color" style="color:#00457a;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:25px;font-style:normal;font-weight:700">Notes</h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"36px","fontStyle":"normal","fontWeight":"600"},"color":{"text":"#00457a"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<p class="has-text-align-center has-text-color" style="color:#00457a;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:36px;font-style:normal;font-weight:600">$49.00</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","backgroundColor":"vivid-green-cyan","textColor":"white","width":75,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"2px","fontSize":"18px"},"border":{"radius":"50px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-75 has-custom-font-size" style="font-size:18px;font-style:normal;font-weight:600;letter-spacing:2px;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-text-align-center wp-element-button" style="border-radius:50px">Compra</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:columns {"style":{"spacing":{"padding":{"top":"30px","bottom":"30px","right":"50px","left":"50px"},"margin":{"top":"40px"}},"border":{"radius":"80px"}},"backgroundColor":"white"} -->
<div class="wp-block-columns has-white-background-color has-background" style="border-radius:80px;margin-top:40px;padding-top:30px;padding-right:50px;padding-bottom:30px;padding-left:50px"><!-- wp:column {"verticalAlignment":"center","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:10%"><!-- wp:image {"align":"center","width":60,"height":60,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjY4NS0xNDMucG5n.png" alt="" style="width:60px;height:60px" width="60" height="60" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"25px"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"text":"#00457a"}}} -->
<h3 class="wp-block-heading has-text-align-center has-text-color" style="color:#00457a;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:25px;font-style:normal;font-weight:700">Roof</h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"36px","fontStyle":"normal","fontWeight":"600"},"color":{"text":"#00457a"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<p class="has-text-align-center has-text-color" style="color:#00457a;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:36px;font-style:normal;font-weight:600">$59.00</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","backgroundColor":"vivid-green-cyan","textColor":"white","width":75,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"2px","fontSize":"18px"},"border":{"radius":"50px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-75 has-custom-font-size" style="font-size:18px;font-style:normal;font-weight:600;letter-spacing:2px;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-text-align-center wp-element-button" style="border-radius:50px">Compra</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:columns {"style":{"spacing":{"padding":{"top":"30px","bottom":"30px","right":"50px","left":"50px"},"margin":{"top":"40px"}},"border":{"radius":"80px"}},"backgroundColor":"white"} -->
<div class="wp-block-columns has-white-background-color has-background" style="border-radius:80px;margin-top:40px;padding-top:30px;padding-right:50px;padding-bottom:30px;padding-left:50px"><!-- wp:column {"verticalAlignment":"center","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:10%"><!-- wp:image {"align":"center","width":58,"height":58,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2pvYjczMC0wNjctcC5wbmc.png" alt="" style="width:58px;height:58px" width="58" height="58" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"25px"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"text":"#00457a"}}} -->
<h3 class="wp-block-heading has-text-align-center has-text-color" style="color:#00457a;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:25px;font-style:normal;font-weight:700">Tiles</h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"36px","fontStyle":"normal","fontWeight":"600"},"color":{"text":"#00457a"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<p class="has-text-align-center has-text-color" style="color:#00457a;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:36px;font-style:normal;font-weight:600">$70.00</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","backgroundColor":"vivid-green-cyan","textColor":"white","width":75,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"2px","fontSize":"18px"},"border":{"radius":"75px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-75 has-custom-font-size" style="font-size:18px;font-style:normal;font-weight:600;letter-spacing:2px;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-text-align-center wp-element-button" style="border-radius:75px">Compra</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:columns {"style":{"spacing":{"padding":{"top":"30px","bottom":"30px","right":"50px","left":"50px"},"margin":{"top":"40px"}},"border":{"radius":"80px"}},"backgroundColor":"white"} -->
<div class="wp-block-columns has-white-background-color has-background" style="border-radius:80px;margin-top:40px;padding-top:30px;padding-right:50px;padding-bottom:30px;padding-left:50px"><!-- wp:column {"verticalAlignment":"center","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:10%"><!-- wp:image {"align":"center","width":70,"height":70,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2pvYjcyMi0xMjItcC5wbmc.png" alt="" style="width:70px;height:70px" width="70" height="70" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"25px"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"text":"#00457a"}}} -->
<h3 class="wp-block-heading has-text-align-center has-text-color" style="color:#00457a;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:25px;font-style:normal;font-weight:700">Accessories</h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"36px","fontStyle":"normal","fontWeight":"600"},"color":{"text":"#00457a"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<p class="has-text-align-center has-text-color" style="color:#00457a;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:36px;font-style:normal;font-weight:600">$99.00</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","backgroundColor":"vivid-green-cyan","textColor":"white","width":75,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"2px","fontSize":"18px"},"border":{"radius":"50px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-75 has-custom-font-size" style="font-size:18px;font-style:normal;font-weight:600;letter-spacing:2px;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-text-align-center wp-element-button" style="border-radius:50px">Compra</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->