JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
    position:relative;
    width: 500px;
    height: 50px;
    padding: 1em;
    margin: 2em 10px 4em;
    background:#fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
 
div:before,
div:after {
    content: "";
    position: absolute;
    z-index: -2;
}
 
div:before {
    top: 0px;
    bottom: 0px;
    left: 10px;
    right: 10px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
            box-shadow: 0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius: 100px / 10px;
         border-radius: 100px / 10px;
}