.service-cta {
    border-radius: 15px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-block-start: 24px !important;
    background-color: var(--wp--preset--color--base);
    background-image: url('../../images/cta-bg.svg');
    background-repeat: no-repeat;
    background-position: center center;
    row-gap: 20px;
    margin-block-end: 30px !important;
    margin-block-start: 0px !important;
}

.service-cta__title {
    color: var(--wp--preset--color--accent-2);
    text-align: center;
    margin-block-start: 0;
    margin-block-end: 0;
    span {
        display: block;
    }
}

.service-cta__link {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    &.default__button {
        a {
            width: calc(100% - 60px);
            text-align: center;
            .service-cta__link-title {
                width: auto;
                height: auto;
                background-color: transparent;
            }
        }
    }
}

.service-cta__desc {
    color: var(--wp--preset--color--accent-2);
}

@media ( min-width: 1024px) {
    .service-cta {
        padding: 50px;
        flex-direction: row;
        justify-content: flex-start;
    }

    .service-cta__info {
        flex: 65% 0 1;
    }

    .service-cta__link {
        flex: 35% 0 1;
    }

    .service-cta__link {
        display: flex;
        justify-content: center;
    }

    .service-cta__title {
        text-align: left;
    }

    .service-cta__link {
        &.default__button {
            a {
                .service-cta__link-title {
                    line-height: 1.125rem;
                    max-width: 229px;
                }
            }
        }
    }
}

@media ( min-width: 1280px) {
    .service-cta {
        padding: 50px;
        margin-block-end: 60px !important;
    }
    .service-cta__title {
        max-width: 698px;
    }
    .service-cta__info {
        flex: 70% 0 1;
    }

    .service-cta__link {
        flex: 30% 0 1;
    }
}