{"id":653382,"date":"2024-09-02T08:15:34","date_gmt":"2024-09-02T08:15:34","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=653382"},"modified":"2024-09-03T13:47:45","modified_gmt":"2024-09-03T13:47:45","slug":"3-column-pricing-table-with-sticky-buttons","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/3-column-pricing-table-with-sticky-buttons\/","title":{"rendered":"3-Column Pricing Table With Sticky Buttons"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-border-color is-layout-flow wp-container-core-column-is-layout-dacc3b24 wp-block-column-is-layout-flow\" 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)\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-979f74b1 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center has-medium-font-size wp-block-paragraph\" style=\"line-height:1.5\">Plan 1<\/p>\n\n\n\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\" style=\"font-style:normal;font-weight:500\">$45\/mo<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Short description for Plan 1<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained wp-container-1 is-position-sticky\">\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-ae7141b3 wp-block-buttons-is-layout-flex\" style=\"margin-top:10px;margin-bottom:10px\">\n<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\">Get Started<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e429e249 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color is-layout-flow wp-container-core-column-is-layout-dacc3b24 wp-block-column-is-layout-flow\" 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)\">\n<div class=\"wp-block-group has-white-color has-text-color has-link-color wp-elements-f8c0166b34c002514942c96216923c43 is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-5552c261 wp-block-group-is-layout-flex\" style=\"margin-top:-50px;margin-bottom:-8px\">\n<p class=\"has-text-align-center has-base-color has-text-color has-background has-link-color wp-elements-bc2c6df8a81163e5677ceb0ca0420bea wp-block-paragraph\" 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>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-979f74b1 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center has-medium-font-size wp-block-paragraph\" style=\"line-height:1.5\">Plan 2<\/p>\n\n\n\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\" style=\"font-style:normal;font-weight:500\">$95\/mo<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Short description for Plan 2<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained wp-container-2 is-position-sticky\">\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-ae7141b3 wp-block-buttons-is-layout-flex\" style=\"margin-top:10px;margin-bottom:10px\">\n<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\">Get Started<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e429e249 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color is-layout-flow wp-container-core-column-is-layout-dacc3b24 wp-block-column-is-layout-flow\" 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)\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-979f74b1 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center has-medium-font-size wp-block-paragraph\" style=\"line-height:1.5\">Plan 3<\/p>\n\n\n\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\" style=\"font-style:normal;font-weight:500\">$145\/mo<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Short description for Plan 3<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained wp-container-3 is-position-sticky\">\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-ae7141b3 wp-block-buttons-is-layout-flex\" style=\"margin-top:10px;margin-bottom:10px\">\n<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\">Get Started<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e429e249 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n\n\n\n<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\" \/>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Feature\/Benefit<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":23116271,"parent":0,"template":"","meta":{"wpop_keywords":"Pricing Table","wpop_description":"This pattern is ideal for pricing pages.","wpop_viewport_width":800,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/paragraph,core\/separator","footnotes":""},"pattern-categories":[2,42,3],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-653382","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-category-call-to-action","wporg-pattern-category-columns"],"category_slugs":["buttons","call-to-action","columns"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"wide\",\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group alignwide\"><!-- wp:columns -->\n<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\"}} -->\n<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\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1.5\"}},\"fontSize\":\"medium\"} -->\n<p class=\"has-text-align-center has-medium-font-size\" style=\"line-height:1.5\">Plan 1<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\"}},\"fontSize\":\"large\"} -->\n<p class=\"has-text-align-center has-large-font-size\" style=\"font-style:normal;font-weight:500\">$45\/mo<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">Short description for Plan 1<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"position\":{\"type\":\"sticky\",\"top\":\"0px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:buttons {\"style\":{\"spacing\":{\"margin\":{\"top\":\"10px\",\"bottom\":\"10px\"}}},\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"}} -->\n<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\"}}}}} -->\n<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\">Get Started<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"10px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- 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\"}} -->\n<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\"}} -->\n<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\"} -->\n<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>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"0\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1.5\"}},\"fontSize\":\"medium\"} -->\n<p class=\"has-text-align-center has-medium-font-size\" style=\"line-height:1.5\">Plan 2<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\"}},\"fontSize\":\"large\"} -->\n<p class=\"has-text-align-center has-large-font-size\" style=\"font-style:normal;font-weight:500\">$95\/mo<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">Short description for Plan 2<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"position\":{\"type\":\"sticky\",\"top\":\"0px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:buttons {\"style\":{\"spacing\":{\"margin\":{\"top\":\"10px\",\"bottom\":\"10px\"}}},\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"}} -->\n<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\"}}}}} -->\n<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\">Get Started<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"10px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- 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\"}} -->\n<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\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1.5\"}},\"fontSize\":\"medium\"} -->\n<p class=\"has-text-align-center has-medium-font-size\" style=\"line-height:1.5\">Plan 3<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\"}},\"fontSize\":\"large\"} -->\n<p class=\"has-text-align-center has-large-font-size\" style=\"font-style:normal;font-weight:500\">$145\/mo<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">Short description for Plan 3<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"position\":{\"type\":\"sticky\",\"top\":\"0px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:buttons {\"style\":{\"spacing\":{\"margin\":{\"top\":\"10px\",\"bottom\":\"10px\"}}},\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"}} -->\n<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\"}}}}} -->\n<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\">Get Started<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"10px\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"className\":\"has-text-color has-background-color has-alpha-channel-opacity has-base-background-color has-background is-style-wide\",\"backgroundColor\":\"contrast\"} -->\n<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\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph {\"align\":\"left\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-left has-small-font-size\">Feature\/Benefit<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":11,"author_meta":{"name":"ddewan","url":"https:\/\/it.wordpress.org\/patterns\/author\/ddewan","avatar":"https:\/\/secure.gravatar.com\/avatar\/a1a613df49b0d68c6b5efeb26e5759aa284ee9d9068ba15522b23130594cae92?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/653382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":54,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/653382\/revisions"}],"predecessor-version":[{"id":656465,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/653382\/revisions\/656465"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/ddewan"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=653382"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=653382"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=653382"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=653382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}