.feed-reaction {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px;

    @screen md {
        flex-wrap: nowrap;
    }

    &:last-child {
        margin-bottom: 0;
    }

    .feed-reaction-header  {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 16px;

        @screen md {
            width: 30%;
            margin-right: 16px;
            margin-bottom: 0px;
        }
    }

    .feed-reaction-header-author {
        @apply text-black-500;

        font-size: 16px;
        font-weight: 700;
    }

    .feed-reaction-header-time {
        @apply text-black-400;

        font-size: 16px;
    }

    .feed-reaction-body {
        margin-right: 16px;
        margin-bottom: 16px;

        @screen md {
            margin-bottom: 0;
        }
    }

    .feed-reaction-footer {
        flex-shrink: 0;
    }

    .feed-reaction-footer-like {
        position: relative;
        top: -10px;
        left: -10px;
    }
}