JSFiddle - React, Tailwind, and code Playground

HTML

<a href='foo.pdf' class='pdflink'>A File!</a>

CSS

.pdflink:after {
    opacity: .5;
    position: fixed;
    top: 100px;
    left: 100px;
    background:lime;
    border: 1px solid black;
    outline: 2px solid red;
    content: "text1: " url('http://jsfiddle.net/img/logo.png') " text2";
    height: 40px; width: 100px;
}