JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
        Какой-то текст
    </div>

CSS

body{
padding:0px;
margin:0px;
background:#222;
}

.wrap{
position:relative;
margin:50px auto;
width:400px;
height:400px;
background:#fff;
border-radius:80px 80px 0px 0px;
box-shadow:inset 0px 35px 15px 3px #ccc;
padding:60px 10px 0px;
}

.wrap:before{
content:'';
position:absolute;
top:0px;
right:10px;
left:10px;
height:50px;
background:#222;
border-radius:0px 0px 80px 80px;
}