JSFiddle - React, Tailwind, and code Playground

by Alexey

HTML

<div id='ok'>
    <div class='a'>&nbsp;</div>
    <div class='b'>&nbsp;</div>
</div>

CSS

.a {
    width:25px;
    height:40px;
    background-color: green;
    border-radius: 15px 15px 0 0px;
}
.b {
    width:120px;
    height:25px;
    background-color: green;
    border-radius: 0px 15px 15px 10px;
}
#ok {
    position:absolute;
    top:100px;
    left:100px;
    transform: rotate(-45deg);
}
}