JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
		<p>Заголовок</p>
		<p>текст</p>
</div>

CSS

body {
  margin-top:30px;
}
.wrap {
  background-color: rgba(255,255,255,0.55);
    border-radius: 10px 10px 10px 10px;
    border: 2px solid rgba(247,167,7,0.95);
	padding: 10px 30px 10px 10px;
	position: relative;
}
.wrap:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-left: 2px solid rgba(247,167,7,0.95);;
    border-top: 2px solid rgba(247,167,7,0.95);;
    position: absolute;
    top:-13px;
    left:38px;
    transform:rotate(45deg);
}