JSFiddle - React, Tailwind, and code Playground

by isqua

HTML

<a href="#" class="btn">на любой вкус</a>

CSS

body
{
    font-family: Arial;
}

.btn
{
    font-size: 14px;
    line-height: 15px;

    display: inline-block;

    padding: 10px 25px;

    text-decoration: none;
    text-transform: uppercase;

    color: #fff;
    border-radius: 2px;
    background: rgba(0,0,0,.1);
}

.btn:hover
{
    background: rgba(0,0,0,.2);
}

.btn:active
{
    background: rgba(0,0,0,.3);
}