JSFiddle - React, Tailwind, and code Playground

by pashkes

HTML

<button class="my-reviews__info info-btn" type="button">
  <svg id="info" viewBox="0 0 52.9 52.9" width="100%" height="100%">
      <g id="_x33_6"><path class="st0" d="M26.5 52.9C11.9 52.9 0 41 0 26.5 0 11.9 11.9 0 26.5 0 41 0 52.9 11.9 52.9 26.5 52.9 41 41 52.9 26.5 52.9zm0-49.2C13.9 3.7 3.7 13.9 3.7 26.5c0 12.6 10.2 22.8 22.8 22.8C39 49.2 49.2 39 49.2 26.5 49.2 13.9 39 3.7 26.5 3.7z"></path><path class="st0" d="M28.3 34.4h-3.7v-21h3.7v21zm-3.7 3.5h3.7v3.7h-3.7z"></path></g>
    </svg>
    <span>Как получить больше отзывов?</span>
</button>

SCSS

.info-btn {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  padding: 0 0 0 17px;
  
  svg {
    width: 11px;
    height: 11px;
    margin-right: 6px;
  }
}