JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<div id="test" class="embossed">Test</div>

CSS

.embossed {
    box-shadow: inset 2px 2px -1px #ccc, inset 1px -1px 8px #999;
}
    
    #test {
    width: 100px;
padding: 10px;
background: #eee;
    margin: 2em;
    text-align: center;
    font-size: 1.4em;
    border-radius: 8px;
    cursor: pointer;
}