.most-read-articles {
    display: flex;
    flex-direction: column;

    & .title {
        color: #393939;
        font-family: Synonym;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 0;
    }

    & .popular-post {
        display: flex;
        flex-direction: row;
        gap: 20px;
        padding: 35px 0;
        border-bottom: 1px solid #D9D9D980;
        opacity: .5;
        transition: .2s linear;

        &:hover {
            opacity: 1;

            & .title {
                color: #E18735;
                text-decoration: underline;
            }
        }

        & .thumbnail,
        & .thumbnail img {
            height: 55px;
            width: 90px;
            object-fit: cover;
            object-position: center;
            border-radius: 4px;
        }

        & .title {
            font-size: 18px;
            line-height: 125%;
            transition: .2s linear;
            margin-top: 0;
        }
    }
}