.news__post {
    &__content {
        margin: 2px;
        display: flex;

        @media (max-width: @site-mobile-width) {
            flex-direction: column;
        }
    }

    &__text {
        margin-left: 2px;
        flex-grow: 1;
        flex-shrink: 1;
    }

    &__details {
        width: 200px;

        @media (max-width: @site-mobile-width) {
            width: 100%;
        }
    }

    &__detail {
        border: 1px solid var(--accent-colour);
        padding: 1px;

        &:not(:last-child) {
            margin-bottom: 2px;
        }
    }

    &__user {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: inherit;
    }

    &__avatar {
        text-align: right;
        width: 50px;
        height: 50px;
    }

    &__username {
        color: var(--user-colour);
        flex-grow: 1;
        flex-shrink: 1;
        font-weight: 700;
        font-size: 1.5em;
        line-height: 1.2em;
        text-align: center;
    }

    &__info {
        display: flex;
        justify-content: space-between;
        padding: 1px 4px;
        text-decoration: none;
        color: inherit;

        &--link {
            &:hover {
                text-decoration: underline;
            }
        }
    }
}