.seo-city-crosslinks{
    margin:28px 0;
    padding:18px 20px;
    border:1px solid #d9e5dd;
    border-left:4px solid #0f5b38;
    border-radius:10px;
    background:#f7faf8;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap;
}

.seo-city-crosslinks__text{
    flex:1 1 420px;
}

.seo-city-crosslinks__title{
    margin:0 0 5px;
    color:#123d29;
    font-size:17px;
    font-weight:800;
}

.seo-city-crosslinks__desc{
    margin:0;
    color:#66736b;
    font-size:13px;
    line-height:1.55;
}

.seo-city-crosslinks__links{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
}

.seo-city-crosslinks a{
    display:inline-block;
    padding:10px 14px;
    border-radius:7px;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}

.seo-city-crosslinks__primary{
    background:#0f5b38;
    color:#fff !important;
}

.seo-city-crosslinks__secondary{
    border:1px solid #bfd2c5;
    background:#fff;
    color:#0f5b38 !important;
}

@media(max-width:700px){
    .seo-city-crosslinks{
        align-items:flex-start;
    }

    .seo-city-crosslinks__links{
        width:100%;
    }

    .seo-city-crosslinks a{
        flex:1 1 100%;
        text-align:center;
    }
}