.postListIntroNews {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.postListIntroNews:after {
    position: absolute;
    display: block;
    content: "";
    height: 70%;
    width: 9999px;
    background: #05e3ec;
    right: -2rem;
    bottom: -1rem;
}

.postListIntroNews__post {
    position: relative;
    z-index: 1;
}

.postListIntroNews__moreUrl {
    display: block;
    margin-bottom: 1.5rem;
    padding: 1.5rem 1.5rem 1rem;
    background-color: #fff;
    box-shadow: 0 0 1.5rem rgba(0,0,0,.13);
}

.postListIntroNews__title {
    margin-bottom: 1rem;
    color: #1b1464;
}

.postListIntroNews__text {
    overflow: hidden;
    color: #b1b1b1;
}

.postListIntroNews__moreText {
    text-align: center;
    color: #b1b1b1;
}

.postListIntroNews__post:first-child .postListIntroNews__text,
.postListIntroNews__post:hover .postListIntroNews__text {
    color: #6f6f6f;
}

.postListIntroNews__post:hover * {
    text-decoration: underline;
}

.postListIntroNews__post:hover .postListIntroNews__title,
.postListIntroNews__post:hover .postListIntroNews__moreText {
    color: #14d17f;
}

.postListIntroNews__post:first-child .postListIntroNews__title,
.postListIntroNews__post:first-child:hover .postListIntroNews__title {
    color: #e6365f;
}

@media (min-width: 992px) {
    .postListIntroNews {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        align-items: flex-end;
    }

    .postListIntroNews:after {
        bottom: 0;
    }

    .postListIntroNews__post {
        flex: 1 0 calc(33.3333% - 20px);
        max-width: calc(33.3333% - 20px);
    }
}