system: You are an assistant that generates WordPress patterns.

user: Danh sách sản phẩm với nút Thêm vào giỏ hàng

assistant: <!-- wp:group {"align":"wide","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group alignwide"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","letterSpacing":"1.5px","textTransform":"capitalize"}},"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-text-align-center has-x-large-font-size" style="font-style:normal;font-weight:700;letter-spacing:1.5px;text-transform:capitalize">Những loại dầu gội mà bạn sẽ yêu thích</h2>
<!-- /wp:heading -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"white","style":{"spacing":{"padding":{"left":"30px","right":"30px","top":"10px","bottom":"10px"}},"typography":{"lineHeight":"1.3","letterSpacing":"0px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500","fontSize":"14px"},"border":{"radius":"10px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-font-size is-style-outline" style="font-size:14px;font-style:normal;font-weight:500;letter-spacing:0px;line-height:1.3;text-transform:capitalize"><a class="wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background wp-element-button" style="border-radius:10px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px">Thêm sản phẩm</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"style":{"color":{"gradient":"linear-gradient(135deg,rgb(238,238,238) undefined%,rgb(169,184,195) 100%)"}}} -->
<div class="wp-block-columns has-background" style="background:linear-gradient(135deg,rgb(238,238,238) undefined%,rgb(169,184,195) 100%)"><!-- wp:column {"style":{"border":{"top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2pvYjcyOS0wMDEtdi5qcGc.jpg" alt="" style="border-radius:10px" /></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"10px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontSize":"13px","fontStyle":"normal","fontWeight":"400","lineHeight":"1.3","letterSpacing":"0.5px","textTransform":"uppercase"}},"textColor":"vivid-red"} -->
<p class="has-vivid-red-color has-text-color" style="margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:13px;font-style:normal;font-weight:400;letter-spacing:0.5px;line-height:1.3;text-transform:uppercase">Dầu gội</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4,"style":{"color":{"text":"#212121"},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h4 class="wp-block-heading has-text-color" style="color:#212121;margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:18px;font-style:normal;font-weight:500">Hình ảnh chai dầu gội, sản phẩm làm đẹp</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}},"color":{"text":"#606263"},"typography":{"fontSize":"14px"}}} -->
<p class="has-text-color" style="color:#606263;margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px">Hãy là người đầu tiên đánh giá sản phẩm</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","level":6,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"10px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"medium"} -->
<h6 class="wp-block-heading has-text-align-left has-medium-font-size" style="margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:500;text-transform:uppercase">$2.00</h6>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"15px"}}}} -->
<div class="wp-block-buttons" style="margin-top:15px"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"white","style":{"spacing":{"padding":{"left":"30px","right":"30px","top":"10px","bottom":"10px"}},"typography":{"lineHeight":"1.3","letterSpacing":"0px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500","fontSize":"14px"},"border":{"radius":"10px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-font-size is-style-outline" style="font-size:14px;font-style:normal;font-weight:500;letter-spacing:0px;line-height:1.3;text-transform:capitalize"><a class="wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background wp-element-button" style="border-radius:10px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px">thêm vào giỏ hàng</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2pvYjcyOS0wMDEtdi5qcGc.jpg" alt="" style="border-radius:10px" /></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"10px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontSize":"13px","fontStyle":"normal","fontWeight":"400","lineHeight":"1.3","letterSpacing":"0.5px","textTransform":"uppercase"}},"textColor":"vivid-red"} -->
<p class="has-vivid-red-color has-text-color" style="margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:13px;font-style:normal;font-weight:400;letter-spacing:0.5px;line-height:1.3;text-transform:uppercase">Dầu gội</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4,"style":{"color":{"text":"#212121"},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h4 class="wp-block-heading has-text-color" style="color:#212121;margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:18px;font-style:normal;font-weight:500">Hình ảnh chai dầu gội, sản phẩm làm đẹp</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}},"color":{"text":"#606263"},"typography":{"fontSize":"14px"}}} -->
<p class="has-text-color" style="color:#606263;margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px">Hãy là người đầu tiên đánh giá sản phẩm</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":6,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"10px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"medium"} -->
<h6 class="wp-block-heading has-medium-font-size" style="margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:500;text-transform:uppercase">$2.00</h6>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"15px"}}}} -->
<div class="wp-block-buttons" style="margin-top:15px"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"white","style":{"spacing":{"padding":{"left":"30px","right":"30px","top":"10px","bottom":"10px"}},"typography":{"lineHeight":"1.3","letterSpacing":"0px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500","fontSize":"14px"},"border":{"radius":"10px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-font-size is-style-outline" style="font-size:14px;font-style:normal;font-weight:500;letter-spacing:0px;line-height:1.3;text-transform:capitalize"><a class="wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background wp-element-button" style="border-radius:10px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px">thêm vào giỏ hàng</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2pvYjcyOS0wMDEtdi5qcGc.jpg" alt="" style="border-radius:10px" /></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"10px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontSize":"13px","fontStyle":"normal","fontWeight":"400","lineHeight":"1.3","letterSpacing":"0.5px","textTransform":"uppercase"}},"textColor":"vivid-red"} -->
<p class="has-vivid-red-color has-text-color" style="margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:13px;font-style:normal;font-weight:400;letter-spacing:0.5px;line-height:1.3;text-transform:uppercase">Dầu gội</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4,"style":{"color":{"text":"#212121"},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h4 class="wp-block-heading has-text-color" style="color:#212121;margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:18px;font-style:normal;font-weight:500">Hình ảnh chai dầu gội, sản phẩm làm đẹp</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}},"color":{"text":"#606263"},"typography":{"fontSize":"14px"}}} -->
<p class="has-text-color" style="color:#606263;margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px">Hãy là người đầu tiên đánh giá sản phẩm</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":6,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"10px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"medium"} -->
<h6 class="wp-block-heading has-medium-font-size" style="margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:500;text-transform:uppercase">$2.00</h6>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"15px"}}}} -->
<div class="wp-block-buttons" style="margin-top:15px"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"white","style":{"spacing":{"padding":{"left":"30px","right":"30px","top":"10px","bottom":"10px"}},"typography":{"lineHeight":"1.3","letterSpacing":"0px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500","fontSize":"14px"},"border":{"radius":"10px"}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:14px;font-style:normal;font-weight:500;letter-spacing:0px;line-height:1.3;text-transform:capitalize"><a class="wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background wp-element-button" style="border-radius:10px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px">thêm vào giỏ hàng</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2pvYjcyOS0wMDEtdi5qcGc.jpg" alt="" style="border-radius:10px" /></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"10px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontSize":"13px","fontStyle":"normal","fontWeight":"400","lineHeight":"1.3","letterSpacing":"0.5px","textTransform":"uppercase"}},"textColor":"vivid-red"} -->
<p class="has-vivid-red-color has-text-color" style="margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:13px;font-style:normal;font-weight:400;letter-spacing:0.5px;line-height:1.3;text-transform:uppercase">Dầu gội</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4,"style":{"color":{"text":"#212121"},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h4 class="wp-block-heading has-text-color" style="color:#212121;margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:18px;font-style:normal;font-weight:500">Hình ảnh chai dầu gội, sản phẩm làm đẹp</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}},"color":{"text":"#606263"},"typography":{"fontSize":"14px"}}} -->
<p class="has-text-color" style="color:#606263;margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px">Hãy là người đầu tiên đánh giá sản phẩm</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":6,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"10px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"medium"} -->
<h6 class="wp-block-heading has-medium-font-size" style="margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:500;text-transform:uppercase">$2.00</h6>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"15px"}}}} -->
<div class="wp-block-buttons" style="margin-top:15px"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"white","style":{"spacing":{"padding":{"left":"30px","right":"30px","top":"10px","bottom":"10px"}},"typography":{"lineHeight":"1.3","letterSpacing":"0px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500","fontSize":"14px"},"border":{"radius":"10px"}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:14px;font-style:normal;font-weight:500;letter-spacing:0px;line-height:1.3;text-transform:capitalize"><a class="wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background wp-element-button" style="border-radius:10px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px">thêm vào giỏ hàng</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->