JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

body{
    background:#eee;
}
div{
    position:absolute;
    width:250px;
    height:50px;
    background:#fff;
    border-radius:0 0 50px 0;
    box-shadow:0 0 20px rgba(0,0,0,.2) 
}
 div:before{
    content:'';
    position:absolute;
    width:200px;
    height:50px;
    top:50px;
    background:#fff;
}    
div:after{
    content:'';
    position:absolute;
    height:70px;
    width:270px;
    top:50px;
    border-radius:50px 0 0 0;
    background:#eee;
    clip: rect(auto, 200px, 50px, auto);
    box-shadow:inset 0 0 20px rgba(0,0,0,.2)
}