Health Design System

Card: Not Clickable 

<div class="health-card health-card--shadow ">
    <div class="health-card__image">
        <img src="https://picsum.photos/800/450" />
    </div>
    <div class="health-card__body">
        <h2 class="health-card__title">
            <a class="health-card__link" href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a>
        </h2>
        <div class="health-card__text">
            <p>The default card is a single clickable element but this one allows individual elements to be clickable. This supports multiple links and actions.</p>
        </div>
        <div class="health-card__date">20 July 2019</div>
        <div class="health-card__tag">News</div>
    </div>
</div>

This card variant removes click focus from the whole card. This is to accommodate multiple links.