/* --- Block Services
-------------------------------------------------------- */

.wp-block-feature-content .wp-block-group-content .wp-block-post-group,
.wp-block-services .wp-block-group-content .wp-block-post-group {
    border: 2px solid var(--wp--preset--color--border-color);
    padding: var(--wp--custom--spacing--testimonial-inner-gap);
}

.wp-block-feature-content .wp-block-entry-content h2,
.wp-block-services .wp-block-entry-content h2 {
    margin-top: var(--wp--custom--spacing--extra-small);
}

.wp-block-button.is-style-outline.is-style-only-line .wp-block-button__link {
    border: 0;
    border-radius: 0;
    font-family: var(--wp--preset--font-family--open-sans);
    font-size: 13px;
    font-weight: var(--wp--custom--typography--font-weight--bold);
    padding: 0;
    position: relative;
    &:hover {
        color: var(--wp--preset--color--primary) !important;
    }
    &:focus {
        background-color: inherit !important;
    }
}

.wp-block-button.is-style-outline.is-style-only-line .wp-block-button__link:after {
    content: "";
    border-bottom: 2px solid var(--wp--preset--color--primary);
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -7px;
    transition: all .5s ease;
}

.wp-block-button.is-style-outline.is-style-only-line .wp-block-button__link:hover::after {
    content: none;
}

.is-style-outline.is-style-only-line>.wp-block-button__link:not(.has-background):hover,
.wp-block-button__link.is-style-outline.is-style-only-line:not(.has-background):hover {
    color: var(--wp--preset--color--primary);
    background: transparent !important;
}

 .wp-block-services .wp-block-image img {
    mix-blend-mode: difference;
 }

 .wp-block-services-default {
    .wp-block-post-group {
        box-shadow: 5px 8.7px 15px 0 rgba(0, 0, 0, 0.1);
        padding: clamp(30px, 3.5vw, 50px);
        background-color: var(--wp--preset--color--secondary);
    }
 }

 .wp-block-section:nth-child(2n+1).wp-block-services-default {
    .wp-block-post-group {
        background-color: var(--wp--preset--color--background);
    }
 }

 .wp-block-services-default,
 .wp-block-stats-default {
    .wp-block-post-group,
    .stat-block {
        &:hover {
            .wp-block-image {
                img {
                    transform: translateY(-10px);
                }
            }
        }
        .wp-block-image {
            img {
                transition: all 0.3s ease-in-out;
            }
    }
 }
}

