JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">I'm a link</a>
<a href="#">I'm a longer link</a>
<a href="#">I'm an exceedingly long link which in all reality has no practical purpose being styled like this, but I am, so there you go.</a>

CSS

body {background: #CCC;}

a:link {
    background-color: #18A580;
    border-radius: 0.3em;
    border-top: 1px solid #67D0BF;
    border-bottom: 1px solid #18805B;
    color: #FFF;
    display: inline-block;
    padding: 0.45em 0.75em;
    text-decoration: none;
    margin-bottom: 0.8em;
    
    /* background colour gradient */
   background: rgb(29,186,144); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(29,186,144,1) 0%, rgba(24,165,128,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,186,144,1)), color-stop(100%,rgba(24,165,128,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(29,186,144,1) 0%,rgba(24,165,128,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(29,186,144,1) 0%,rgba(24,165,128,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(29,186,144,1) 0%,rgba(24,165,128,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(29,186,144,1) 0%,rgba(24,165,128,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dba90', endColorstr='#18a580',GradientType=0 ); /* IE6-9 */
    
     /* Box shadow */
    -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35), inset 0px 0px 1em 0px rgba(255, 255, 255, 0.4));
    -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35), inset 0px 0px 1em 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35), inset 0px 0px 1em 0px rgba(255, 255, 255, 0.4);
}

a:link:after {
    content: '';
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0.25em 0 0.25em 0.5em;
    border-color: transparent transparent transparent #FFF;
    margin-left: 0.75em;
}