JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://www.example.com"><div class="download_link">Download PDF</div></a>

CSS

.download_link {
    margin: 0 auto;
    width: 200px;
    border-radius: 5px;
    transition: 0.5s;
    background-color: lightblue;
    text-align: center;
    font-family: 'Source Serif Pro';
    font-weight: 600;
    font-size: 25px;
}

.download_link:hover {
    transition: 0.5s;
    background-color: limegreen;
}