JSFiddle - React, Tailwind, and code Playground

by Imri Paloja

HTML

<a href="https://www.google.nl" title="Google">This is a paragraph</a>

CSS

a {
    font-family:serif;
    color:#999999;
    text-transform:uppercase;
    text-decoration:none;
    border:1px solid #CCCCCC;
    border-radius:75px;
    padding:10px;
    height:20px;
    margin-top:10%;
    margin-bottom:25px;
    margin-right:25px;
    margin-left:25px;
    position:absolute;
}

a:hover {
    text-decoration:underline;
    color:#FFFFFF;
    background-color:#999999;
}

a:active {
    border-radius: 0px;
    
}