JSFiddle - React, Tailwind, and code Playground

HTML

<a href="google.com">Test link</a>

CSS

@media (max-width: 979px) {
a {
    border: 1px solid transparent;
    color:rgb(148,168,148)  ;
    display: block;
    margin: 0;
    padding: 3px 13px;
    position: relative;
    text-align: center;
    z-index: 400;
    font-size:14px;
}
}

@media (max-width: 1200px) {
a {
    padding: 10px 15px;
    text-align: left;
    font-size:19px  ;
}
}