JSFiddle - React, Tailwind, and code Playground

HTML

<a class="yourlink" href="#">test</a>

CSS

.yourlink {
        position: relative;
z-index: -1
    }
 
    .yourlink::after {
        content: ' ';
        background-color: #fff;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        z-index: 250; 
    }