.news {
    display: grid;
    gap: 15px;
}

.news .news__item {
    box-shadow: 0 4px 12px 0 #00000029;
    border-radius: 7px;
    text-decoration: none;
    transition: all 0.5s;
    display: grid;
    grid-template-columns: 1fr 2fr;
}

@media (max-width: 568px) {
    .news .news__item {
        display: flex;
        flex-direction: column;
    }
}

.news .news__item:hover {
    transition: all 0.5s;
    box-shadow: 0 4px 12px 0 #0000004f;
}


.news .news__item img{
    width: 100%;
}
.news .news__item h3{
    margin: unset;
}
.news .news__item span{
    color: #0000004f;
}
.news .news__item span:hover{
    color: #0000004f;
}
.news .news__item p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: unset;
    color: #4d3e33a8;
    word-break: break-word;
}