Therapist CTA 3

Ubaid Rasheed

There is a way forward.

You need someone who can help you navigate these difficult times.

It’s possible to reclaim control and make lasting positive change.

Now is the time to try something new. And we can help.

Pattern HTML

<!-- wp:group {"metadata":{"name":"CTA"},"layout":{"type":"constrained","contentSize":"770px"}} -->
<div class="wp-block-group"><!-- wp:group {"metadata":{"name":"Container"},"className":"cta-4-area","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"backgroundColor":"eight","layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group cta-4-area has-eight-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">There is a way forward.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">You need someone who can help you navigate these difficult times.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">It’s possible to reclaim control and make lasting positive change.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Now is the time to try something new. And we can help.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#">Let’s Talk</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

Pattern CSS

#site-container .cta-4-area {
	border-radius: 0 0 80px;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 980px) {

	#site-container .cta-4-area {
		border-radius: 0 0 40px;
	}

}