JSFiddle - React, Tailwind, and code Playground

by Ayri Rin

HTML

<div class="box box-shadow"></div>

CSS

.box {
   width: 70%;
  height: 90px;
  background: #fff;
  border-radius: 22px;
  margin:40px auto;
}
.box-shadow
{
    position:relative;    
}
.box-shadow:before, .box-shadow:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.45);
    -moz-box-shadow:0 0 30px rgba(0,0,0,0.45);
    box-shadow:0 0 30px rgba(0,0,0,0.45);
    top:50px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.box-shadow:after
{
    right:25px;
    left:auto;
}