.call-to-action {
	--title-color: var(--gray-100);
	--subtitle-color: var(--gray-100);
    --icon-color: var(--gray-100);
    --title-font-family: var(--font-display);
    --subtitle-font-family: var(--font-body);
}

.call-to-action .inner {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: var(--space-5);
    margin: 0 0 var(--space-5);
}

.call-to-action .icon {
    color: var(--icon-color);
    font-size: var(--text-2xl);
}

.call-to-action .content {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.call-to-action .title {
    font-family: var(--title-font-family);
    color: var(--title-color);
    font-size: var(--text-base);
    line-height: var(--leading-tight);
    font-weight: 700;
}

.panel-header .call-to-action:last-of-type {
    margin-right: var(--space-4);
}

.call-to-action .title:hover {
    text-decoration: underline;
}

.call-to-action .subtitle {
    font-family: var(--subtitle-font-family);
    color: var(--subtitle-color);
    font-size: var(--text-lg);
    line-height: var(--leading-tight);
}

.call-to-action .read-more {
    font-size: var(--text-xs);
}

.contentRender_name_plugins_common_call_to_action:last-of-type .call-to-action a .inner {
    width: 200px;
    padding: var(--space-5) var(--space-8);
    background: url(/includes/public/assets/shared/arrows/arrow_right_black.svg) no-repeat top 27px right 35px var(--title-color);
    background-size: 15px;
    border-radius: var(--button-radius);
    margin: 30px 0 var(--space-5);
}

.contentRender_name_plugins_common_call_to_action:last-of-type .call-to-action a .inner h3 {
    color: var(--surface-foreground);
}

@media screen and (min-width: 320px) {
    .contentRender_name_plugins_common_call_to_action:last-of-type .call-to-action a .inner {
        width: 265px;
    }
}

.contentRender_name_plugins_common_call_to_action:last-of-type .call-to-action a .inner {
    margin: 0 0 var(--space-5);
}

@media (min-width: 40em) {
    .contentRender_name_plugins_common_call_to_action:last-of-type .call-to-action a .inner {
        margin: 0 0 var(--space-5);
    }
}



@media screen and (min-width: 64em) {
    .call-to-action .inner,
    .contentRender_name_plugins_common_call_to_action:last-of-type .call-to-action a .inner {
        padding: var(--space-5) var(--space-5);
    }

    .call-to-action .subtitle {
        font-size: var(--text-xl);
    }

    .call-to-action .read-more {
        font-size: var(--text-sm);
    }
}
