Profile Picture
Julian Galluzzo

Blue CTA With Background Grid

Clean CTA with a blue background so it's hard to miss - exactly what you want out of a CTA!
Copy component
Download JSON
{"content":[{"id":"mcxvwe","name":"section","parent":0,"children":["caizip"],"settings":{},"label":"CTA"},{"id":"caizip","name":"container","parent":"mcxvwe","children":["akwgbc"],"settings":{"_cssGlobalClasses":["pnwqzk"],"_cssCustom":"#brxe-caizip {\n background-color: #2962ff;\n background-image: radial-gradient(circle farthest-corner at 50% 50%, #2962ffe0, #2962ff), url(https://cdn.prod.website-files.com/5bbfaf3252489b4c484ba9b9/670cf0f9f0b7e71f431857f7_cross.svg);\n background-position: 0 0, 0 0;\n background-size: auto, 20px;\n}"},"label":"Container"},{"id":"akwgbc","name":"block","parent":"caizip","children":["itefhy","pyopxo","luodcf","mbnjde"],"settings":{"_cssGlobalClasses":["fufayd"]}},{"id":"itefhy","name":"div","parent":"akwgbc","children":["kmkmtj","bhulqx"],"settings":{"_cssGlobalClasses":["qioxst","uwtrkg"]},"label":"Sectitle"},{"id":"kmkmtj","name":"icon","parent":"itefhy","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-play"},"_cssGlobalClasses":["jldrhu"]},"label":"Icon","themeStyles":[]},{"id":"bhulqx","name":"text-basic","parent":"itefhy","children":[],"settings":{"text":"Start Building"},"label":"Text"},{"id":"pyopxo","name":"heading","parent":"akwgbc","children":[],"settings":{"text":"Get started for free","tag":"h2","_margin":{"bottom":"10"},"_cssGlobalClasses":["acss_import_h2"]}},{"id":"luodcf","name":"text-basic","parent":"akwgbc","children":[],"settings":{"text":"Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.","_margin":{"bottom":"25"},"_cssGlobalClasses":["acss_import_text--neutral-light"]}},{"id":"mbnjde","name":"button","parent":"akwgbc","children":[],"settings":{"text":"Get started for free","style":"secondary","_cssGlobalClasses":["grgqgk","qgmohn"]}}],"source":"bricksCopiedElements","sourceUrl":"https://memberstack.local","version":"1.12.3","globalClasses":[{"id":"pnwqzk","name":"cta__container","settings":{"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"style":"solid","width":{"bottom":"1","top":"1","left":"1","right":"1"},"color":{"raw":"var(--border--base)"}},"_boxShadow":{"values":{"offsetY":"5","blur":"10"},"color":{"id":"acss_import_black-trans-10","name":"black-trans-10","raw":"var(--black-trans-10)"}},"_padding":{"bottom":"75","top":"75","left":"50","right":"50"},"_justifyContent":"center","_alignItems":"center","_typography":{"color":{"id":"acss_import_white","name":"white","raw":"var(--white)"}},"_columnGap":"0","_rowGap":"0"},"modified":1741626622,"user_id":1},{"id":"fufayd","name":"cta__content-wrap","settings":{"_columnGap":"0","_rowGap":"0","_widthMax":"500","_justifyContent":"center","_alignItems":"center","_typography":{"text-align":"center"}}},{"id":"qioxst","name":"sectitle","settings":{"_padding":{"bottom":"5","top":"5","left":"12","right":"12"},"_border":{"style":"solid","width":{"bottom":"1","top":"1","left":"1","right":"1"},"color":{"hex":"#dbdbdb"},"radius":{"top":"6","right":"6","bottom":"6","left":"6"}},"_display":"flex","_justifyContent":"center","_alignItems":"center","_columnGap":"10","_rowGap":"10","_typography":{"font-size":"14","font-weight":"600"},"_boxShadow":{"values":{"offsetY":"5","blur":"10"},"color":{"id":"acss_import_black-trans-10","name":"black-trans-10","raw":"var(--black-trans-10)"}},"_margin":{"bottom":"15"},"_background":{"color":{"id":"acss_import_white","name":"white","raw":"var(--white)"}}}},{"id":"uwtrkg","name":"sectitle--blue","settings":{"_background":{"color":{"id":"acss_import_white-trans-10","name":"white-trans-10","raw":"var(--white-trans-10)"}},"_border":{"color":{"id":"acss_import_white-trans-40","name":"white-trans-40","raw":"var(--white-trans-40)"}},"_typography":{"color":{"id":"acss_import_white-trans-80","name":"white-trans-80","raw":"var(--white-trans-80)"}}}},{"id":"jldrhu","name":"sectitle__icon","settings":{"iconSize":"18"}},{"id":"acss_import_h2","name":"h2","settings":{"_cssCustom":".blue {\n color: #2962ff;\n}","_typography":{"font-weight":"800","font-size":"40"},"_typography:mobile_portrait":{"font-size":"30"}},"category":"acss","_categoryData":{"id":"acss","name":"Automatic.css"}},{"id":"acss_import_text--neutral-light","name":"text--neutral-light","settings":[],"category":"acss","_categoryData":{"id":"acss","name":"Automatic.css"}},{"id":"grgqgk","name":"button","settings":{"_padding":{"bottom":"12","top":"12","left":"22","right":"22"},"_cssCustom":".button {\n box-shadow: \n 0 4px 6px rgba(0, 0, 0, 0.1), /* Outer shadow */\n inset 0 2px 5px rgba(255, 255, 255, 0.3), /* Light inner shadow at the top */\n inset 0 -2px 5px rgba(0, 0, 0, 0.3); /* Dark inner shadow at the bottom */\n}","_background:hover":{"color":{"id":"acss_import_primary-semi-dark","name":"primary-semi-dark","raw":"var(--primary-semi-dark)"}},"_cssTransition":"0.2s","_background":{"color":{"id":"acss_import_primary","name":"primary","raw":"var(--primary)"}},"_typography":{"font-weight":"600","letter-spacing":"-0.5"},"_transform:hover":{"scaleX":"1.05","scaleY":"1.05"}},"modified":1741686006,"user_id":1},{"id":"qgmohn","name":"button--white","settings":{"_background":{"color":{"id":"acss_import_white","name":"white","raw":"var(--white)"}},"_typography":{"color":{"id":"acss_import_black","name":"black","raw":"var(--black)"}},"_background:hover":{"color":{"id":"acss_import_white-trans-90","name":"white-trans-90","raw":"var(--white-trans-90)"}},"_cssCustom":".button--white {\n box-shadow: \n 0 4px 6px rgba(0, 0, 0, 0.1), /* Outer shadow */\n inset 0 2px 5px rgba(255, 255, 255, 0.3), /* Light inner shadow at the top */\n inset 0 -2px 5px rgba(0, 0, 0, 0.1); /* Dark inner shadow at the bottom */\n}","_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"id":"acss_import_black-trans-10","name":"black-trans-10","raw":"var(--black-trans-10)"}}}}],"globalElements":[]}

Similar components

Profile Picture
Akshay Joshi

Estatein kit – CTA Section

Simple CTA section with dark background
View now
Copy now
{"id":1521,"name":"estatein-cta-section","title":"Estatein - CTA Section","date":"2025-06-13 18:27:10","date_formatted":"June 13, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/estatein-cta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"682799","name":"section","parent":0,"children":["18fc3f"],"settings":{"_cssGlobalClasses":["qcvyzw","ycbctq"]},"label":"CTA Section"},{"id":"18fc3f","name":"container","parent":"682799","children":["298744","4e72f2"],"settings":{"_cssGlobalClasses":["wglmeq","ngqqhe"],"_direction":"row"}},{"id":"298744","name":"block","parent":"18fc3f","children":["56f906","bd0cbb"],"settings":{"_cssGlobalClasses":["kjaezl"]},"label":"Column"},{"id":"56f906","name":"heading","parent":"298744","children":[],"settings":{"text":"Start Your Real Estate Journey Today","tag":"h2","_cssGlobalClasses":["mvihif"]}},{"id":"bd0cbb","name":"text-basic","parent":"298744","children":[],"settings":{"text":"Your dream property is just a click away. Whether you're looking for a new home, a strategic investment, or expert real estate advice, Estatein is here to assist you every step of the way. Take the first step towards your real estate goals and explore our available properties or get in touch with our team for personalized assistance.","_cssGlobalClasses":["sfstmx"]}},{"id":"4e72f2","name":"block","parent":"18fc3f","children":["74d6d3"],"settings":{"_cssGlobalClasses":["yxmueh"]},"label":"Column"},{"id":"74d6d3","name":"button","parent":"4e72f2","children":[],"settings":{"text":"Explore Properties","_cssGlobalClasses":["xggucw"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"qcvyzw","name":"estatein-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"8%","right":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","left":"5%","right":"5%"}},"modified":1749740692,"user_id":1},{"id":"wglmeq","name":"estatein-default-container","settings":{"_direction:mobile_landscape":"row","_width":"1596"},"modified":1749711177,"user_id":1},{"id":"ycbctq","name":"estatein-cta-section","settings":{"_background":{"position":"bottom center","repeat":"repeat-x","image":{"id":1363,"filename":"CTA-1-scaled.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/CTA-1-scaled.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/CTA-1-scaled.png"},"color":{"hex":"#141414"},"size":"contain"},"_gradient":[],"_heightMin":"263","_width":"100%","_border":{"width":{"top":"1","bottom":"1"},"style":"solid","color":{"hex":"#262626"}}},"modified":1748600265,"user_id":1},{"id":"ngqqhe","name":"estate-cta-container","settings":{"_justifyContent":"center","_alignItems":"center","_direction:mobile_landscape":"column","_rowGap:mobile_landscape":"20"},"modified":1748526561,"user_id":1},{"id":"mvihif","name":"estatein-h2-whte","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"48","font-weight":"600"},"_typography:mobile_landscape":{"font-size":"28"}},"modified":1748526561,"user_id":1},{"id":"kjaezl","name":"estatein-cta-content__col","settings":{"_width":"67%","_width:mobile_landscape":"100%","_rowGap":"30"}},{"id":"yxmueh","name":"estatein-cta-btn__col","settings":{"_width":"33%","_justifyContent":"center","_alignItems":"flex-end","_width:mobile_landscape":"100%","_alignItems:mobile_landscape":"flex-start"}},{"id":"sfstmx","name":"estatein__body-text","settings":{"_typography":{"color":{"hex":"#999999"},"font-size":"clamp(16px, calc(16px + (4 * ((100vw - 1440px) \/ 480))), 18px);"},"_typography:mobile_landscape":{"font-size":"14"},"_typography:tablet_portrait":{"font-size":"16"}}},{"id":"xggucw","name":"estatein-btn_purple","settings":{"_background":{"color":{"hex":"#703bf7"}},"_typography":{"color":{"hex":"#ffffff"},"font-size":"clamp(14px, calc(14px + (4 * ((100vw - 1440px) \/ 480))), 18px);"},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#703bf7"}},"_padding":{"top":"18","bottom":"18","right":"3.5%","left":"3.5%"},"_padding:tablet_portrait":{"top":"14","bottom":"14"},"_typography:tablet_portrait":{"font-size":"14"},"_background:hover":{"color":{"hex":"#292929"}}},"modified":1749805439,"user_id":1}]}
Profile Picture
Akshay Joshi

Sunzen Kit – Minimalist CTA Block

CTA with heading
View now
Copy now
{"id":974,"name":"cta","title":"CTA","date":"2025-05-28 21:22:56","date_formatted":"May 28, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/cta\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"47a9eb","name":"section","parent":0,"children":["978c3f"],"settings":{"_cssGlobalClasses":["qflssy","drsbvb"]},"label":"CTA"},{"id":"978c3f","name":"container","parent":"47a9eb","children":["9dd1fb","a9fb34"],"settings":{"_cssGlobalClasses":["jjcpci","dsmrdf"]}},{"id":"9dd1fb","name":"heading","parent":"978c3f","children":[],"settings":{"text":"Reserve your space","_cssGlobalClasses":["fuuwae"],"tag":"h2"}},{"id":"a9fb34","name":"button","parent":"978c3f","children":[],"settings":{"text":"Sign up now","style":"primary","_cssGlobalClasses":["fwtdtj","unqjse"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"qflssy","name":"sunzen-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"},"_padding:mobile_landscape":{"top":"80","bottom":"80"},"_padding:mobile_portrait":{"top":"60","bottom":"60"},"_rowGap":"64","_rowGap:mobile_portrait":"40"}},{"id":"jjcpci","name":"sunzen-default-container","settings":{"_width":"1248","_rowGap":"64","_rowGap:mobile_landscape":"30"}},{"id":"fwtdtj","name":"sunzen-primary-btn","settings":{"_background":{"color":{"hex":"#e9e591"}},"_border":{"radius":{"top":"1000","right":"1000","left":"1000","bottom":"1000"}},"_typography":{"color":{"hex":"#111111"},"font-weight":"700","font-size":"18","font-family":"Manrope"},"_padding":{"right":"32","left":"32","top":"5","bottom":"5"},"_padding:mobile_portrait":{"right":"24","left":"24"},"_typography:mobile_portrait":{"font-size":"16"},"_heightMin":"60px","_heightMin:mobile_portrait":"48px","_background:hover":{"color":{"hex":"#bab562"}}}},{"id":"fuuwae","name":"sunzen__h2","settings":{"_typography":{"font-size":"42","font-family":"Manrope","font-weight":"600","color":{"hex":"#111111"}},"_typography:mobile_landscape":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"24"}}},{"id":"unqjse","name":"sunzen__btn-black","settings":{"_background":{"color":{"hex":"#111111"}},"_typography":{"color":{"hex":"#ffffff"}},"_background:hover":{"color":{"hex":"#363534"}}},"modified":1748467181,"user_id":1},{"id":"drsbvb","name":"sunzen__bg-yellow","settings":{"_background":{"color":{"hex":"#e9e591"}}}},{"id":"dsmrdf","name":"sunzen__cta-container","settings":{"_justifyContent":"center","_alignItems":"center","_alignSelf":"center","_rowGap":"30"}}]}
Profile Picture
Akshay Joshi

Metric CTA 2

Call-to-action section with an email subscription form.
View now
Copy now
{"id":796,"name":"metric-cta-section-2-2","title":"Metric CTA Section 2","date":"2025-05-24 13:35:58","date_formatted":"May 24, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/metric-cta-section-2-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"90f713","name":"section","parent":0,"children":["a5ebd3"],"settings":{"_cssGlobalClasses":["vneohb"]},"label":"CTA Section"},{"id":"a5ebd3","name":"container","parent":"90f713","children":["1181cb","8d16ca"],"settings":{"_cssGlobalClasses":["qresdr","epcoql"]}},{"id":"1181cb","name":"block","parent":"a5ebd3","children":["d493bc","5f0d91","16d11d"],"settings":{"_cssGlobalClasses":["rwcdbh","kxpjro"]},"label":"Left Column"},{"id":"d493bc","name":"block","parent":"1181cb","children":["58966c"],"settings":{"_cssGlobalClasses":["gvwtyk"]},"label":"Heading Block"},{"id":"58966c","name":"heading","parent":"d493bc","children":[],"settings":{"text":"Join 15,000+ tech marketers and founders getting actionable growth insights every week","tag":"h2","_cssGlobalClasses":["jxomuc","suzrzk"]}},{"id":"5f0d91","name":"block","parent":"1181cb","children":["afcd7f","d357f8"],"settings":{"_cssGlobalClasses":["kyasjy"],"_border:mobile_landscape":{"width":{"bottom":"0"}}}},{"id":"afcd7f","name":"block","parent":"5f0d91","children":["004034","1c2c23"],"settings":{"_cssGlobalClasses":["pwidhq"]}},{"id":"004034","name":"image","parent":"afcd7f","children":[],"settings":{"_cssGlobalClasses":["odtzmx"],"image":{"id":750,"filename":"Testimonial-Image.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Testimonial-Image.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Testimonial-Image.svg"}},"themeStyles":[]},{"id":"1c2c23","name":"heading","parent":"afcd7f","children":[],"settings":{"text":"Rachel Kumar, SEO Lead at CloudStack","_cssGlobalClasses":["xidqdh"],"tag":"custom","customTag":"span"},"label":"Title"},{"id":"d357f8","name":"text-basic","parent":"5f0d91","children":[],"settings":{"text":"Finally, B2B marketing advice that actually drives revenue.","_cssGlobalClasses":["pmslul"]},"label":"Description"},{"id":"16d11d","name":"block","parent":"1181cb","children":["501128","7da818"],"settings":{"_cssGlobalClasses":["kyasjy"],"_border:mobile_landscape":{"width":{"bottom":"0"}}}},{"id":"501128","name":"block","parent":"16d11d","children":["0853eb","7a999c"],"settings":{"_cssGlobalClasses":["pwidhq"]}},{"id":"0853eb","name":"image","parent":"501128","children":[],"settings":{"_cssGlobalClasses":["odtzmx"],"image":{"id":737,"filename":"Testimonial-Image.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Testimonial-Image.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Testimonial-Image.png"}},"themeStyles":[]},{"id":"7a999c","name":"heading","parent":"501128","children":[],"settings":{"text":"Mark Thompson, CEO at Data Sphere","_cssGlobalClasses":["xidqdh"],"tag":"custom","customTag":"span"},"label":"Title"},{"id":"7da818","name":"text-basic","parent":"16d11d","children":[],"settings":{"text":"The only newsletter I read every week. Clear insights without the fluff.","_cssGlobalClasses":["pmslul"]},"label":"Description"},{"id":"8d16ca","name":"block","parent":"a5ebd3","children":["4350bd"],"settings":{"_cssGlobalClasses":["wlbkbx"]},"label":"Right Column"},{"id":"4350bd","name":"form","parent":"8d16ca","children":[],"settings":{"fields":[{"type":"email","placeholder":"Work Email","required":true,"id":"817e57","label":"Email"},{"type":"checkbox","label":"Term","id":"nmpdff","options":"I agree that Metric can store my submitted information as outlined in our Privacy Policy. I understand I can request deletion of my data at any time via support@metric.com."}],"actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_cssGlobalClasses":["tamhog"],"submitButtonText":"Subscribe"},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"vneohb","name":"metric-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"},"_padding:mobile_landscape":{"top":"80","bottom":"80"},"_padding:mobile_portrait":{"top":"60","bottom":"60"}}},{"id":"qresdr","name":"metric-default-container","settings":{"_width":"1728","_rowGap":"45"}},{"id":"jxomuc","name":"metric-h2-white","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"48","font-weight":"400"},"_typography:mobile_portrait":{"font-size":"32"},"_typography:tablet_portrait":{"font-size":"40"},"_typography:mobile_landscape":{"font-size":"40"}}},{"id":"xidqdh","name":"metric-case-study__title","settings":{"_typography":{"color":{"hex":"#909090"},"font-size":"20","font-weight":"400"},"_typography:tablet_portrait":{"font-size":"16"},"_typography:mobile_landscape":{"font-size":"20"},"_typography:mobile_portrait":{"font-size":"16"}}},{"id":"pmslul","name":"metric-case-study__desc","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"20","font-weight":"400","line-height":"1.2"},"_typography:mobile_portrait":{"font-size":"16"}}},{"id":"pwidhq","name":"metric-case-study__inner-block","settings":{"_direction":"row","_flexWrap":"nowrap","_alignItems":"center","_columnGap":"15"}},{"id":"odtzmx","name":"metric-case-study__photo","settings":{"_width":"56","_border":{"radius":{"right":"50%","bottom":"50%","left":"50%","top":"50%"}}}},{"id":"gvwtyk","name":"metric-cta-section_list-block","settings":{"_rowGap":"64"}},{"id":"wlbkbx","name":"metric-cta-section_form-column","settings":[]},{"id":"tamhog","name":"metric-cta-section_form","settings":{"submitButtonBorder":{"radius":{"top":"100","right":"100","left":"100","bottom":"100"}},"fieldBackgroundColor":{"hex":"#171717"},"fieldBorder":{"width":{"top":"0","right":"0","left":"0","bottom":"1"},"style":"solid","color":{"hex":"#ffffff"}},"fieldPadding":{"bottom":"24"},"fieldTypography":{"font-size":"20","color":{"hex":"#ffffff"}},"placeholderTypography":{"color":{"hex":"#ffffff"}},"_cssCustom":".metric-cta-section_form button.bricks-button {\n padding-top: 8px;\n padding-right: 24px;\n padding-bottom: 8px;\n padding-left: 24px;\n min-height: 48px;\n border-radius: 50px;\n background-color: #fff;\n font-size: 16px;\n font-weight: 500;\n color: #171717;\n}\n.metric-cta-section_form span.justterm a {\n color: white;\n text-decoration: underline;\n} \n.metric-cta-section_form ul.options-wrapper {\n padding-bottom: 24px;\n border-bottom: 1px solid #fff;\n margin-bottom: 72px;\n}\n.metric-cta-section_form input {\n margin-bottom: 72px;\n}\n.metric-cta-section_form .justlabel {\n font-size: 20px;\n}\n.metric-cta-section_form ul.options-wrapper li {\n color: #909090;\n font-size: 17px;\n margin-bottom: 16px;\n}\n\n\/* Container UL Styling *\/\n\n\n\/* Hide the default checkbox *\/\n .metric-cta-section_form .options-wrapper input[type=\"checkbox\"] {\n display: none;\n}\n\n\/* Style the label as a block and align checkbox visually *\/\n .metric-cta-section_form .options-wrapper label {\n display: flex;\n align-items: center;\n gap: 16px;\n\n color: #999999;\n cursor: pointer;\n padding: 10px;\n}\n\n\/* Custom checkbox box *\/\n .metric-cta-section_form .options-wrapper input[type=\"checkbox\"] + label::before {\n content: \"\";\n display: inline-block;\n width: 24px;\n height: 25px;\n background-color: #ffffff;\n border-radius: 2px;\n flex-shrink: 0;\n position: relative;\n}\n\n\/* Checkmark when checked *\/\n .metric-cta-section_form .options-wrapper input[type=\"checkbox\"]:checked + label::before {\n content: \"\u2713\";\n font-size: 14px;\n color: black;\n text-align: center;\n line-height: 25px;\n}\n","_cssCustom:mobile_landscape":" .metric-cta-section_form ul.options-wrapper {\n\n margin-bottom: 56px;\n}\n.metric-cta-section_form input {\n margin-bottom: 56px;\n}","_cssCustom:mobile_portrait":" .metric-cta-section_form ul.options-wrapper {\n \n margin-bottom: 44px;\n}\n.metric-cta-section_form input {\n margin-bottom: 44px;\n}\n.metric-cta-section_form .justlabel {\n font-size: 16px;\n}\n.metric-cta-section_form .options-wrapper label {\n \n font-size: 16px;\n}","fieldTypography:mobile_portrait":{"font-size":"16"},"submitButtonTypography":{"font-size":"16","font-weight":"500"},"submitButtonBackgroundColor:hover":{"hex":"#ffffff","rgb":"rgba(255, 255, 255, 0.62)","hsl":"hsla(0, 0%, 100%, 0.62)"}},"modified":1745351607,"user_id":1},{"id":"rwcdbh","name":"metric-cta-section__col","settings":{"_justifyContent":"space-between"}},{"id":"kyasjy","name":"metric-insights-cta-quote_block","settings":{"_rowGap":"24"}},{"id":"kxpjro","name":"metric-insights-cta-section__col","settings":{"_rowGap:mobile_portrait":"32","_rowGap:tablet_portrait":"48","_columnGap:tablet_portrait":"48","_rowGap":"48"}},{"id":"suzrzk","name":"metric-insights-h2-white","settings":{"_typography":{"font-size":"48","color":{"hex":"#ffffff"}},"_typography:tablet_portrait":{"font-size":"40"},"_typography:mobile_landscape":{"font-size":"40"},"_typography:mobile_portrait":{"font-size":"32"}}},{"id":"epcoql","name":"metric-insights-cta-container","settings":{"_columnGap":"96","_alignItems":"flex-end","_padding":{"top":"6%","right":"6%","bottom":"6%","left":"6%"},"_rowGap:mobile_landscape":"50","_padding:mobile_portrait":{"top":"5%","right":"5%","bottom":"5%","left":"5%"},"_background":{"color":{"hex":"#171717"}},"_direction:tablet_portrait":"column","_direction":"row"},"modified":1748030280,"user_id":1}]}

Categories

CTAs

Nice, you've downloaded this template! Now let's get it on your website...

To use this component, go to your 'Templates', click 'Import', and upload the file you just downloaded! It's that simple. You can then copy/paste it to other sections of your website.
Close & continue

Nice, you've copied this component! Now let's paste it...

To paste this component, simply go to any Bricks page or component and click paste! Simple as that.
Close & continue