JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div { 
    width: 200px;
    height: 60px;
    background: green;
    position: relative;  
}
div:before {
    content:"";
    width: 10px;
    height: 100%;
    background: #fff;
    border-right: solid green 10%;
    border-radius: 0 45px 45px 0;
    position: absolute;
    top:0;
    left:0;
}

div:after {
    content:"";
    width: 10px;
    height: 100%;
    background: #fff;
    border-left: solid green 30px;
    border-radius: 45px 0 0 45px;
    position: absolute;
    top:0;
    right:0;
}