JSFiddle - React, Tailwind, and code Playground

HTML

<div class=block>
  <div class=block1>
  Вашего бизнеса
    <div class=block2>
    Увеличим прибыль
    </div>
  </div>
</div>

CSS

.block{
  display: block;
  border: 1px solid red;
  width: 50%;
  margin: 2rem 0;
}

.block1{
  display: block;
  border: 3px solid green;
  width: 80%;
  margin: 1rem 0;
  padding: 2rem 0;
  text-align: center;
 font-size: 30px;
 text-transform: uppercase;
}

.block2{
  display: block;
  position: relative;
  align-items: center;
  background-color: white;
  width: 70%;
  top: -4.8rem;
  left: 3.2rem;
  text-align: center;
   font-size: 18px;
   text-transform: uppercase;
}