JSFiddle - React, Tailwind, and code Playground

by Dan Pasca

HTML

<div id="but">Buton</div>   
<div id="but">Buton</div>   
<div id="but">Buton</div>   
<div id="but">Buton</div>

CSS

#but {
    background: darkred;
    width: 60px;
    height: 20px;
    color: white;
    font-weight: bold;
    text-align:center;
    opacity:0.7;
    transition: all 0.3s;
    display:inline;
    padding: 5px;
}

#but:hover{
    opacity:1;
    cursor: pointer;
    border-bottom: 3px solid black;
}