JSFiddle - React, Tailwind, and code Playground

HTML

<a href="projects.html">Projects</a>

CSS

a { 
font-size: 50px;
background-color: yellow;
display: inline-block;
height: 25px;
position:relative;
pointer-events:none;
}
a:after  {
  content:'';
  position:absolute;
  width:100%;
  height:80%;
  top:90%;
  pointer-events:auto;
  z-index:1;
  left:0;
}