JSFiddle - React, Tailwind, and code Playground

by RussAbbott

HTML

<div>
        <a href=#>text</a>
</div>

CSS

div {
    background:#0aa;
    padding:10px;
    margin:20px;
    width:20px
}

div:hover {
    background: #0dd;
}

div a {
    padding: 10px;
    border: inset rgba(0, 0, 255, 0);
    color: #fff;
    background: rgba(200, 200, 200, 0);
    border-radius: 15px;
}

div a:hover {
    border: outset rgba(0, 0, 255, 0);
    background: rgba(200, 200, 200, 0);
    border: outset;
}
div a:active{
    border: inset rgba(0, 0, 255, 0);
    background: rgba(200, 200, 200, 0);
    border: outset;
}