CTA Type 2

Visual Layout

Pattern HTML

<!-- wp:code --> <pre class="wp-block-code"><code>&lt;!-- wp:group {"metadata":{"name":"CTA"},"animationsForBlocks":{"animation":"","variation":"up","duration":350,"delay":350},"align":"full","className":"cta-blue-area","style":{"spacing":{"padding":{"top":"var:preset|spacing|110","bottom":"80px"}}},"backgroundColor":"third","layout":{"type":"constrained"}} --&gt; &lt;div class="wp-block-group alignfull cta-blue-area has-third-background-color has-background" style="padding-top:var(--wp--preset--spacing--110);padding-bottom:80px"&gt;&lt;!-- wp:image {"id":210,"sizeSlug":"large","linkDestination":"none","animationsForBlocks":{"animation":"fade","variation":"up","delay":0,"duration":0,"once":true,"mirror":false},"align":"center","className":"cta-site-symbol"} --&gt; &lt;figure class="wp-block-image aligncenter size-large cta-site-symbol" data-aos="fade-up" data-aos-once="true"&gt;&lt;img src="http://www.insightcapmgmt.com/wp-content/uploads/2025/01/site-symbol.svg" alt="" class="wp-image-210"/&gt;&lt;/figure&gt; &lt;!-- /wp:image --&gt; &lt;!-- wp:heading {"textAlign":"center","animationsForBlocks":{"animation":"fade","variation":"up","delay":0,"duration":0,"once":true,"mirror":false},"style":{"elements":{"link":{"color":{"text":"var:preset|color|first"}}},"spacing":{"margin":{"bottom":"25px"}}},"textColor":"first"} --&gt; &lt;h2 class="wp-block-heading has-text-align-center has-first-color has-text-color has-link-color" style="margin-bottom:25px" data-aos="fade-up" data-aos-once="true"&gt;Let's Chat!&lt;/h2&gt; &lt;!-- /wp:heading --&gt; &lt;!-- wp:paragraph {"align":"center","animationsForBlocks":{"animation":"fade","variation":"up","delay":0,"duration":0,"once":true,"mirror":false},"style":{"elements":{"link":{"color":{"text":"var:preset|color|first"}}},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"letterSpacing":"0px"}},"textColor":"first","fontSize":"paragraph-2"} --&gt; &lt;p class="has-text-align-center has-first-color has-text-color has-link-color has-paragraph-2-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0px" data-aos="fade-up" data-aos-once="true"&gt;Schedule time now to start creating your personalized plan&lt;/p&gt; &lt;!-- /wp:paragraph --&gt; &lt;!-- wp:buttons {"animationsForBlocks":{"animation":"fade","variation":"up","delay":0,"duration":0,"once":true,"mirror":false},"style":{"spacing":{"margin":{"top":"35px"}}},"layout":{"type":"flex","justifyContent":"center"}} --&gt; &lt;div class="wp-block-buttons" style="margin-top:35px" data-aos="fade-up" data-aos-once="true"&gt;&lt;!-- wp:button {"textAlign":"center","className":"is-style-white-hover"} --&gt; &lt;div class="wp-block-button is-style-white-hover"&gt;&lt;a class="wp-block-button__link has-text-align-center wp-element-button" href="https://www.insightcapmgmt.com/schedule-a-free-introduction/"&gt;Schedule a Free Introduction&lt;/a&gt;&lt;/div&gt; &lt;!-- /wp:button --&gt;&lt;/div&gt; &lt;!-- /wp:buttons --&gt;&lt;/div&gt; &lt;!-- /wp:group --&gt;</code></pre> <!-- /wp:code -->

Pattern CSS

#site-container .cta-blue-area { z-index:2; } #site-container .cta-blue-area:after { display: block; content: ''; width: 100%; height: 303px; background: url("https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/dots-bg-scaled.png") no-repeat; background-size: 100% 100%; left: 0; position: absolute; bottom: 0; z-index:9; } #site-container .cta-site-symbol { position: absolute; top: -72px; width: 145px; right: 0; left: 0; margin: 0 auto; } #site-container .cta-blue-area .wp-block-button__link { background-color: #e9ae11; color: #131646; min-width: auto; } #site-container .cta-blue-area .wp-block-button__link:after { content: ''; display: inline-block; background: url("https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/arrow-white-right.svg") no-repeat right center; width: 16px; height: 12px; margin-left: 7px; } .cta-bottom-text { position:relative; z-index:999; }