Card Vert

<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__read para-sm-xs semibold-weight">
            <a href="">READ</a>
        </div>
        <div class="card__bookmark para-sm-xs semibold-weight">
            <a href="">BOOKMARK</a>
        </div>
        <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>
</div>