JSFiddle - React, Tailwind, and code Playground

by wesbos

HTML

<a href="#">Engaging your audience</a>

CSS

a {
    background: #174270;
    font-family: 'arial';
    font-size: 13px;
    color: #fff;
    border: 2px solid #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-radius:5px;
    box-shadow: 0px 5px 0px #000;
    font-weight: 600;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.49, rgb(23,66,112)),
    color-stop(0.91, rgb(83,184,235))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(23,66,112) 49%,
    rgb(83,184,235) 91%
);
    
}