JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top">
    <a href="#">LINK</a>
</div>

<div class="bottom"></div>

CSS

.top { 
    height:100px;
    width:200px;
    position:fixed;
    top:10px;
    background:yellow; }

.bottom { 
    height:5
  px;
    position:fixed;
    top:10px;
    width:100px;
    border:3px solid red; 
    pointer-events: none;
}