JSFiddle - React, Tailwind, and code Playground

HTML

<br /><br /><br />

This <a href="#" class="biggerForMobile">is a link</a> with extra padding for mobile, but does not affect the spacing of the link.

CSS

a {
    position: relative;
}
.biggerForMobile:before{
    content:""; 
    width:100%;
    height:100%;
    position:absolute;
    padding:12px;
    top:-10px;
    left:-10px;
}