JSFiddle - React, Tailwind, and code Playground

by IllusionMH

HTML

<p>Hover for epic win!</p>
<div id="item">Win</div>

CSS

body {
    background-color: #2b3341;
    padding: 10px;
}
#item {
    position: absolute;
    height: 30px;
    width: 80px;
    margin: 50px;  
    border: 1px solid #5a8d91;
    box-shadow: 0px 0px 3px 1px #5a8d91, inset 0px 0px 3px 2px #5a8d91;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
    color: #356a74;
    font: 16pt "arial";
    font-weight: 600;
    text-shadow: #5a8d91 0px 2px 5px,
        #5a8d91 0px -2px 5px,
        #5a8d91 2px 0px 5px,
        #5a8d91 -2px 0px 5px;
}
#item:hover {
    padding-top: 7px;
    font-size: 18.5pt;
    height: 33px;
}