Therapist Services 13
The above block is copied from the site: Mary Macedonio
Pattern HTML
<!-- wp:group {"metadata":{"name":"Services"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|100","bottom":"var:preset|spacing|100"},"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--100);padding-bottom:var(--wp--preset--spacing--100)"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"50px"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:50px">What I Offer</h2>
<!-- /wp:heading -->
<!-- wp:columns {"metadata":{"name":"Row"},"className":"services-row"} -->
<div class="wp-block-columns services-row"><!-- wp:column {"animationsForBlocks":{"animation":"scale","variation":"out","duration":1500,"once":true,"mirror":false}} -->
<div class="wp-block-column" data-aos="scale-out" data-aos-duration="1500" data-aos-once="true"><!-- wp:group {"metadata":{"name":"Box"},"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"40px","top":"var:preset|spacing|15","bottom":"var:preset|spacing|15"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--15);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--15);padding-left:40px"><!-- wp:heading {"level":3,"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|two"}}}},"textColor":"two"} -->
<h3 class="wp-block-heading alignwide has-two-color has-text-color has-link-color"><a href="/individual-couples-therapy/">Individual & <br>Couples Therapy</a></h3>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"animationsForBlocks":{"animation":"scale","variation":"out","duration":1500,"once":true,"mirror":false,"delay":500}} -->
<div class="wp-block-column" data-aos="scale-out" data-aos-delay="500" data-aos-duration="1500" data-aos-once="true"><!-- wp:group {"metadata":{"name":"Box"},"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"40px","top":"var:preset|spacing|15","bottom":"var:preset|spacing|15"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--15);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--15);padding-left:40px"><!-- wp:heading {"level":3,"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|two"}}}},"textColor":"two"} -->
<h3 class="wp-block-heading alignwide has-two-color has-text-color has-link-color"><a href="/individual-coaching/">Individual <br>Coaching</a></h3>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"animationsForBlocks":{"animation":"scale","variation":"out","duration":1500,"once":true,"mirror":false,"delay":1000}} -->
<div class="wp-block-column" data-aos="scale-out" data-aos-delay="1000" data-aos-duration="1500" data-aos-once="true"><!-- wp:group {"metadata":{"name":"Box"},"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"40px","top":"var:preset|spacing|15","bottom":"var:preset|spacing|15"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--15);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--15);padding-left:40px"><!-- wp:heading {"level":3,"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|two"}}}},"textColor":"two"} -->
<h3 class="wp-block-heading alignwide has-two-color has-text-color has-link-color"><a href="/holistic-health-wellness/">Holistic Health <br>& Wellness</a></h3>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Pattern CSS
#site-container .services-row .wp-block-group {
-webkit-box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
position: relative;
overflow: hidden;
min-height: 190px;
display: flex;
align-items: center;
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}
body .services-row .wp-block-group:before {
content: "";
background-color: var(--wp--preset--color--four);
width: 217px;
height: 217px;
position: absolute;
top: 50%;
right: -120px;
border-radius: 100%;
}
body .services-row .wp-block-group:after {
content: "";
background-image: url(/wp-content/uploads/2025/08/services-icon.png);
width: 32px;
height: 98px;
position: absolute;
bottom: 42px;
right: 42px;
}
body .services-row .wp-block-column:focus-within .wp-block-group,
body .services-row .wp-block-column:hover .wp-block-group {
-webkit-transform: translateY(-6%);
-ms-transform: translateY(-6%);
transform: translateY(-6%);
}
body .services-row h3 a:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (max-width: 980px) {
#site-container .services-row {
max-width: 370px;
}
}
