CTA Type 3
Have a question about your personal or business finances? Get in touch with our team
The above block is copied from the site: https://lyonscpagrodev.wpenginepowered.com/
Pattern HTML
<!-- wp:group {"align":"full","className":"cta-section","style":{"background":{"backgroundImage":{"url":"https://lyonscpagrodev.wpenginepowered.com/wp-content/uploads/2025/10/CTA-bg.jpg","id":64,"source":"file","title":"CTA bg"},"backgroundSize":"cover"}},"backgroundColor":"black","layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group alignfull cta-section has-black-background-color has-background"><!-- wp:group {"metadata":{"name":"Content"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color">Let’s Talk About Your Goals</h2>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one"} -->
<h4 class="wp-block-heading has-text-align-center has-one-color has-text-color has-link-color">Have a question about your personal or business finances? Get in touch with our team <br>today to see how we can help.</h4>
<!-- /wp:heading -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"btn-arrow is-style-primary is-style-white-dark"} -->
<div class="wp-block-button btn-arrow is-style-primary is-style-white-dark"><a class="wp-block-button__link wp-element-button" href="https://lyonscpagrodev.wpenginepowered.com/contact-us/">Contact Us</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Pattern CSS
/* cta section
--------------------------------------------- */
#site-container .cta-section {
min-height: 500px;
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
padding: 70px 40px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
overflow: hidden;
z-index: 5;
}
#site-container .cta-section:before {
content: '';
display: block;
background: radial-gradient(291.9% 122.76% at 10% 13.52%, rgba(27, 29, 33, 0.50) 0%, rgba(2, 44, 65, 0.50) 58.33%, rgba(30, 33, 44, 0.50) 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
#site-container .cta-section.overlay-none:before {
display: none;
}
#site-container .cta-section .wp-element-button,
.btn-large .wp-element-button {
min-width: 319px;
}
