JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        <p>Блок</p>
</div>

CSS

div {
    position:relative;
    width:40%;
    height:400px;
    padding:1em;   
    margin:auto;
    background:#fff;
    -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 0 0 rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 0 0 rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}
 
div:before,
div:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
div:before {
    top:10px;
    bottom:10px;
    left:0;
    right:50%;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 10px rgba(0,0,0,0.6);
            box-shadow:0 0 10px rgba(0,0,0,0.6);
    -moz-border-radius:10px / 100px;
         border-radius:10px / 100px;
}
 
div p {
    font-size:16px;
    font-weight:bold;
    text-align:center;
}