JSFiddle - React, Tailwind, and code Playground

HTML

<a id="thelink" href="www.klossal.com">
    <div id="thediv">
        LINK IT BABY
    </div>
</a>

CSS

#thelink {
    display: block;
    width: 200px;
    height: 200px;
    border-left: 10px solid #898787;
    position: relative;
}

#thelink:hover {
    border-left: 10px solid black;
}

#thediv {
    position: absolute;
    bottom: 0px;
}