JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cell">	
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, soluta.</p>
</div>

CSS

.cell {
	position: relative;
	height: 81px;
	width: 250px;
	margin: 100px;
	border-radius: 6px;
	border: 2px solid orange;
}

p {
	margin: 10px;
}

.cell::before, .cell::after {
    content: '';
	position: absolute;
	left: -10px;
	height: 36px;
    width: 8px;	
	border: solid orange;
    box-shadow: 8px 0 0 0 #fff;
}
.cell::before {
	top: 3px;
    border-width: 0 2px 2px 0;
	border-radius: 0 0 100% 0;
}
.cell::after {
	bottom: 3px;
    border-width: 2px 2px 0 0;
	border-radius: 0 100% 0 0;
}