component - headings

<div class="display-container mb-2">
    <div class="flex-txt m-2">
        <h3>This is a recent publication</h3>
        <span class="padlr-1 bg-green white txt-m txt-badge">new</span>
    </div>
    <div class="flex-txt m-2">
        <h3>This is a popular publication</h3>
        <span class="padlr-1 bg-orange white txt-m txt-badge">hot</span>
    </div>
    <div class="flex-txt m-2">
        <a class="flex-txt" href="http://"></a>
        <i class=" fas fa-external-link-alt badge-font"></i>
        <h3 class="blue">This is a redirect publication</h3>
        </a>
    </div>
</div>