.city-elementor-widget-cardctacz-wrap{
    display: flex;
    gap:3.5rem;
    margin-bottom:3.5rem;
}
.city-elementor-widget-cardctacz-wrap:last-child{
    margin-bottom:0;
}
.card-cta{
    padding: 2.6rem 3.3rem 1.9rem 3.5rem;
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-fad7e87);
    display: flex;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-transition: color .4s, background-color .4s, flex .4s;
    -moz-transition: color .4s, background-color .4s, flex .4s;
    -ms-transition: color .4s, background-color .4s, flex .4s;
    -o-transition: color .4s, background-color .4s, flex .4s;
    transition: color .4s, background-color .4s, flex .4s;
    cursor: pointer;
    align-items: center;
    position: relative;
    flex: 0 1 calc(50% - calc(3.5rem / 2) );    
}
.card-cta .card-cta-plus{
    color: var(--e-global-color-accent);
    content: '\f067';
    font-size: 30px;
    font-weight: 900;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    position: absolute;
    right: 3rem;
}
.card-cta-title{
    font-size: 3.4rem;
    line-height: 1;
    font-weight: 800;
    align-items: center;
}
.card-cta-wording{
    padding-left: 1.6rem;
    line-height: 1.9rem;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    display: block;
    max-height: 3.8rem;
}
.card-cta .button{
    position: absolute;
    left: calc(100% - 11rem);
    white-space: nowrap;
    padding: 1.3rem 1.5rem;
    font-weight: bold;
    opacity: 0;
    -webkit-transition: opacity .4s, background-color .4s, color .4s;
    -moz-transition: opacity .4s, background-color .4s, color .4s;
    -ms-transition: opacity .4s, background-color .4s, color .4s;
    -o-transition: opacity .4s, background-color .4s, color .4s;
    transition: opacity .4s, background-color .4s, color .4s;
    z-index: 1;
}


@media screen and (min-width:1001px){
    .card-cta:hover{
        color: var(--e-global-color-fad7e87);
        background-color: var(--e-global-color-primary);
        flex: 0 1 63%;
    }
    .card-cta:hover .button{
        opacity: 1;
    }
    .card-cta:hover .card-cta-wording{
        opacity: 1;
    }
    .card-cta:hover:after{
        opacity: 0;
    }
}

@media screen and (max-width:1000px){
    .card-cta{
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }
    
    .card-cta-wording{
        padding-left: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        opacity: 1;
        max-height: none;
    }
    
    .card-cta .button{
        position: static;
        opacity: 1;
    }
    
    .card-cta:after{
        display: none;
    }
    
}

@media screen and (max-width:767px){
    .city-elementor-widget-cardctacz-wrap{
        flex-wrap: wrap;
    }
    .card-cta{
        align-items: flex-start;
        flex-direction: column;
        flex: 0 0 100%;
    }
    .city-elementor-widget-cardctacz{
            flex-direction: column;
    }
    
    .card-cta:first-child{
        margin-right: 0;
    }
    .card-cta + .card-cta{
        margin-top: 1rem;
    }
}