JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">vbfghff</div>

CSS

body{
padding:50px;
}

.block{
position:relative;
width:300px;
height:200px;
background:#1fd698;
box-shadow:0px 0px 15px #ccc;
border-radius:5px;
}

.block:before, .block:after{
content:'1';
position:absolute;
left:-25px;
width:60px;
height:20px;
background:#fff;
}

.block:before{
top:-5px;
background-color:#ef7005;
box-shadow:0px 5px 3px -3px #ccc;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
}

.block:after{
bottom:-5px;
box-shadow:0px -5px 3px -3px #ccc;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
}