Card with Badges

<div class="card-container sm-gutter sm-brr">
    <img class="img-full sm-brr" src="https://cdn.wallpapersafari.com/52/47/VKjh5B.jpg" alt="" />
    <div class="card__content">
        <div class="card__heading xs-gutter para-md semibold-weight">
            Black Panther
        </div>
        <div class="card__author xs-gutter para-sm">by Kurt Wagner</div>
        <div class="card__info xs-gutter para-sm-xs">
            Visit ten places on our planet that are undergoing the biggest
            changes today.Lorem Ipsum is simply dummy text of the printing
            and typesetting industry.
        </div>
    </div>
    <div class="card__actions sm-gutter">
        <div class="card__like">
            <a href=""><i class="fas fa-share-alt para-sm"></i></a>
        </div>
        <div class="card__share">
            <a href=""><i class="far fa-heart para-sm"></i></a>
        </div>
        <div class="card__vert">
            <a href=""><i class="fas fa-ellipsis-v para-sm"></i></a>
        </div>
        <div class="card__vert">
            <a href=""><i class="fas fa-times-circle para-sm"></i></a>
        </div>
    </div>
</div>