JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div id="layer1"><p style="text-align: center;"><p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 22pt; color: #00ccff;">"ЭКОНОМ"</p><hr>
<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 20pt; color: #00ccff;">5000 РУБ/СУТКИ</span></p>
<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">ПРОЖИВАНИЕ</span></p>
<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">БАНЯ</span></p>

<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 10pt;">РЫБАЛКА</span>
<p style="text-align: center;"><span style="font-family: OpenSans, monospace; font-size: 10pt;"></span>...</p></p>
<hr>

<div class="star-box">
  <div class="star-icon"><i class="fa fa-star" aria-hidden="true"></i></div>
</div>

</div>

CSS

#layer1 {
  position: relative;
  width: 200px;
  margin: 0 auto;
}

#layer1 .star-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 0 0 15px 0;
  background-color: orange;
}

#layer1 .star-box .star-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
}