JSFiddle - React, Tailwind, and code Playground

HTML

<a id="btn" href="#btn">Demo</a>
<a id="btn2" href="#btn2">Demo 2</a>

CSS

a {
    display: block;
    font-size: 18px;
    border: 2px solid gray;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
}
a:focus {
    font-size: 18px;
    border: 2px solid green;
    border-radius: 100px;
    width: 100px;
    height: 100px;
}
a:target {
    font-size: 18px;
    border: 2px solid red;
    border-radius: 100px;
    width: 100px;
    height: 100px;
}