<div class="bp-banner version-first border border-1px light-gray-border">
    <h4 class="medium-text-1 title display--flex text-weight-semibold m-a-0">
        <span class="icon">👋</span>
        <span class="txt">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>
    </h4>
</div>

<div class="bp-banner version-first border border-1px light-gray-border">
  <h4 class="medium-text-1 title display--flex text-weight-semibold">
    <span class="icon">
      <svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
        <ellipse cx="10.6846" cy="11.5" rx="10.6846" ry="11" fill="#00BE6D"/>
        <path d="M9.15668 15.5C8.84065 15.5 8.53784 15.3923 8.31431 15.2007L5.03111 12.3836C4.79855 12.1841 4.79855 11.8605 5.03111 11.661L5.8734 10.9383C6.106 10.7387 6.48307 10.7388 6.71568 10.9383L9.1567 13.0327L15.4307 7.64965C15.6633 7.45012 16.0404 7.45012 16.273 7.64965L17.1153 8.37233C17.3479 8.5719 17.3478 8.89542 17.1153 9.095L9.99888 15.2006C9.77555 15.3922 9.47253 15.4999 9.15672 15.4999L9.15668 15.5Z" fill="white"/>
      </svg>
    </span>
    <span class="txt">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>
  </h4>
  <label class="form-label-sm m-t-8">Lorem Ipsum is simply dummy text.</label>
</div>

<div class="bp-banner version-first border border-1px light-gray-border">
    <h4 class="medium-text-1 title display--flex text-weight-semibold m-a-0">
        <span class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="23" height="21" viewBox="0 0 23 21" fill="none">
                <path d="M2.35435 20.505H20.0704C21.882 20.505 23.0113 18.5402 22.1055 16.9754L13.2475 1.66859C12.3417 0.103796 10.0831 0.103796 9.17727 1.66859L0.319232 16.9754C-0.58657 18.5402 0.542741 20.505 2.35435 20.505ZM11.2124 12.2692C10.5654 12.2692 10.036 11.7398 10.036 11.0927V8.7396C10.036 8.0925 10.5654 7.56306 11.2124 7.56306C11.8594 7.56306 12.3888 8.0925 12.3888 8.7396V11.0927C12.3888 11.7398 11.8594 12.2692 11.2124 12.2692ZM12.3888 16.9754H10.036V14.6223H12.3888V16.9754Z" fill="#D54308"/>
            </svg>
            </span>
        <span class="txt">Lorem Ipsum is simply dummy text</span>
    </h4>
    <label class="form-label-sm m-t-8">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</label>
</div>

<div class="bp-banner version-first border border-1px light-gray-border">
  <h4 class="medium-text-1 title display--flex text-weight-semibold">
    <span class="icon">
    &#127881;
    </span>
    <span class="txt">Lorem Ipsum is simply dummy text</span>
  </h4>
  <label class="form-label-sm m-t-8">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</label>
</div>

<div class="bp-banner version-first border border-1px light-gray-border">
  <h4 class="medium-text-1 title display--flex text-weight-semibold m-a-0">
    <span class="txt">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>
  </h4>
  <label class="form-label-sm m-t-8">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</label>
</div>