JSFiddle - React, Tailwind, and code Playground
by Tan
HTML
<a href="#">Test Link<span id="but"></span></a>
<a href="#">Test Link<span id="but"></span></a>
<a href="#">Test Link<span id="but"></span></a>
<a href="#">Test Link<span id="but"></span></a>
<a href="#">Test Link<span id="but"></span></a>
<a href="#">Test Link<span id="but"></span></a>CSS
a {display:inline-block;font-size:16px;padding:1em 1.4em 1em 1em;border:solid red;border-width:2px 2px 2px 50px;position:relative;color:red;text-decoration:none;border-radius:500px;}
a:hover {border-color:green;color:green;}
a span {width:20px;height:20px;background-color:#ffffff;position:absolute;top:15px;left:-35px;border-radius:500px;}