<div class="comments">
  <svg version="1.1" viewBox="0 0 93.455 70.518" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="gradient">
        <stop stop-color="#1FB1A0" offset="8.84%" />
        <stop stop-color="#3809A3" offset="88.48%" />
      </linearGradient>
    </defs>
    <path d="m17.993 0.21939h57.468c9.8468 0 17.774 8.0283 17.774 18.001v17.477c0 9.9723-7.9272 18.001-17.774 18.001h-7.3657l-7.7076 16.601-2.5692-16.601h-39.826c-9.8468 0-17.774-8.0283-17.774-18.001v-17.477c0-9.9723 7.9272-18.001 17.774-18.001z" fill="none" stroke="url(#gradient)" stroke-width=".5" />
  </svg>
  <div class="text">
    <p> Здарствуйте, я дежурный юрист сайта Алёна Свиридова</p>
    <p> Могу чем то помочь? Моя консультация бесплатна, задавайте вопрос</p>
  </div>
</div>

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");

.comments {
  max-width: 320px;
  position: relative;
}

.text {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.text p {
  font-family: "Roboto", sans-serif;
  font-size: 17px;
}