JSFiddle - React, Tailwind, and code Playground

HTML

<div class="message">
  Привет.
</div>

<br>

<div class="message">
  Привет.
  <br>
  Вторая строка
  <br>
  Третья строка + длинный текст
</div>

CSS

.message {
  display: inline-block;
  background: linear-gradient(to top, #ff2929, blue);
  padding: 15px 15px 15px 30px;
  color: #fff;
  clip-path: polygon(calc(0% + 15px) 0, 100% 0, 100% 100%, 0 100%, calc(0% + 15px) calc(100% - 15px));
  margin-bottom: 30px;
}