.dko-cta {
    fill: var(--crf--white); /* in case of white shortcode */
    position: relative;
    padding: var(--global-vertical-padding) var(--global-lateral-padding);
    display: flex;
    flex-direction: row;
}
.dko-cta::before {
    content: "";
    position: absolute;
    inset: 0px;
    background-color: var(--crf--black);
    opacity: 0.25;
}
.dko-cta--text-align-left {
    justify-content: flex-start;
}
.dko-cta--text-align-right {
    justify-content: flex-end;
}
.dko-cta__text-zone {
    color: var(--crf--white);
    transform: translateZ(0px); /* to stand over the ::before */
}
.dko-cta__cta {
    --primary-color: var(--crf--white);
    --secondary-color: var(--crf--shiny-blue);
}
.dko-cta__title {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 36px;
}
@media screen and (min-width: 768px) {
    .dko-cta__text-zone {
        width: clamp(500px, 50%, 768px);
    }
    .dko-cta__title {
        margin-bottom: 50px;
        font-size: 48px;
        line-height: 52px;
    }

}