JSFiddle - React, Tailwind, and code Playground

HTML

<div class="button">!</div>

CSS

div.button {
    margin: 60px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    
    -webkit-box-shadow:
        0 0 0 2px #888, 
        0 0 0 5px rgba(200,200,200,1),
        inset 0px -3px 7px rgba(0, 0, 0, 0.5),
        0 0 0 14px rgba(200,200,200,0.5);
    
    
    
}