.news-item {
    display: flex;
    width: 53vw;
    padding: 1vw;

    background: linear-gradient(to right, #3F4244, #5D6063);
    border-radius: 0.2vw;
    transition: border-radius 100ms linear;
}

.news-item:not(:last-child) {
    margin-bottom: 2.75vw;
}

.news-item::before {
    content: "";
    position: absolute;
    width: calc(100%);
    height: calc(100%);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: solid 0.3125vw #25B693;
    border-radius: 0.3vw;
    opacity: 0;
    transition: opacity 100ms linear;
}

.news-item:hover {
    border-radius: 0;
}

.news-item:hover::before {
    opacity: 1;
}

@media screen and (max-width: 1000px) and (orientation: portrait) {
    .news-item {
        width: 85vw;
    }
}