JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

html, body { height: 100%; }
body{
    background: url(http://design-warez.ru/uploads/posts/2009-04/1239891108_1238678481_8.jpg);
}
div{
    position:absolute;
    width:250px;
    height:50px;
    left: 0;
}
div:before {
    content:'';
    position:absolute;
    width: 100%;
    height: 100%;
    background:#fff;
    border-radius:0 0 50px 0;
    box-shadow:0 0 20px rgba(0,0,0,.5);
    clip: rect(auto, 270px, 70px, 50px);
}
div:after {
    content:'';
    position:absolute;
    height:70px;
    width:70px;
    top:-10px;
    left: -60px;
    border-radius:110px 0 0 0;
    border: 60px solid #fff;
    clip: rect(0, 110px, 110px, 50px);
    box-shadow:inset 0 0 20px rgba(0,0,0,.5)
}

body:before {
    content:'';
    position:absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    width: 20px;    
    background:#fff;
    box-shadow:0 0 20px rgba(0,0,0,.5);
    clip: rect(100px, 40px, auto, auto);
}