icon and text

<style>
  .product__block.product__block--medium {
    margin-bottom: 4px;
  }

  .product__callouts-mini-items {
    display: flex;
    flex-wrap: wrap;
    margin: 4px;
  }

  .product__callouts-mini-item {
    border-radius: 10px;
  }

  .fs-body-75 {
    font-size: 17.76px;
  }

  .product__callouts-mini-item {
    border: 1px solid #36393c;
    display: flex;
    align-items: center;
    padding: 2px 4px;
    margin: 4px;
  }

  .product__callouts-item-icon,
  .product__callouts-item-icon.icon {
    margin-right: 4px;
    width: 32px;
    height: 32px;
    display: flex;
    flex-shrink: 0;
  }

  .product__callouts-item-icon svg,
  .product__callouts-item-icon.icon svg {
    width: 100%;
    height: auto;
  }

  .icon svg {
    display: block;
  }

  html.do-anim .animation--lazy-load {
    overflow: hidden;
  }

  .image.loaded {
    background-color: transparent;
  }

  .product__callouts-mini-item-icon,
  .product__callouts-mini-item-icon.image {
    margin-right: 4px;
    width: 30px;
    height: 30px;
    display: flex;
    flex-shrink: 0;
  }

  .product__callouts-mini-item-icon img .product__callouts-mini-item-icon.image img {
    width: 100%;
    height: auto;
  }
</style>

<div class="product__block product__block-callouts-mini product__callouts-mini product__block--medium">
  <div class="product__callouts-mini-items" data-with-box="" data-with-dividers="">

    <div class="product__callouts-mini-item fs-body-75">
      <span class="icon icon-new icon-moving-truck product__callouts-item-icon">
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M4.931 16.842H2.823V5.968h11.613v10.874H8.388" stroke="currentColor" stroke-width="1.05"
            stroke-miterlimit="10"></path>
          <path d="M6.677 18.935a1.746 1.746 0 1 0 0-3.492 1.746 1.746 0 0 0 0 3.492z" stroke="currentColor"
            stroke-width=".987" stroke-miterlimit="10"></path>
          <path d="M19.753 16.842h1.895v-6.66L19.25 7.786h-4.814v9.057h1.86" stroke="currentColor" stroke-width="1.05"
            stroke-miterlimit="10"></path>
          <path
            d="M19.517 12.887h-2.956V9.852h1.91l1.046 1.046v1.99zM5.291 11.405h5.92M9.543 13.588l2.42-2.183-2.42-2.183M18.042 18.935a1.746 1.746 0 1 0 0-3.492 1.746 1.746 0 0 0 0 3.492z"
            stroke="currentColor" stroke-width=".987" stroke-miterlimit="10"></path>
        </svg>
      </span>
      <div class="product__callouts-mini-item-text ">
        Duty free shipping to the USA
      </div>
    </div>

    <div class="product__callouts-mini-item fs-body-75">
      <div class="image product__callouts-mini-item-icon animation--lazy-load loaded">
        <img alt="" class="image__img" loading="lazy" width="512" height="512"
          src="//kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=320"
          srcset="//kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=100 100w, //kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=150 150w, //kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=200 200w, //kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=240 240w, //kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=280 280w, //kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=300 300w, //kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=360 360w, //kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=400 400w, //kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=450 450w, //kalpraag.com/cdn/shop/files/clockwise.png?v=1760433729&width=500 500w"
          sizes="30px" onload="javascript: this.closest('.image').classList.add('loaded')">
      </div>
      <div class="product__callouts-mini-item-text ">
        24hrs Dispatch Available
      </div>
    </div>

    <div class="product__callouts-mini-item fs-body-75">
      <span class="icon icon-new icon-paper-airplane product__callouts-item-icon">
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="m8.18 15.306-6.625 4.976M8.349 18.334l-3.116 3.032" stroke="currentColor" stroke-width=".934"
            stroke-miterlimit="10"></path>
          <path
            d="m3.1 12.035 19.448-7.517-2.933 13.816-3.009-3.546-3.977 4.148-1.709-6.894-7.82-.007zM14.998 12.893l4.617 5.44"
            stroke="currentColor" stroke-width=".872" stroke-miterlimit="10" stroke-linecap="round"></path>
          <path d="m12.908 18.618 1.971-5.646 7.34-7.434M10.92 12.042l11.553-7.293" stroke="currentColor"
            stroke-width=".872" stroke-miterlimit="10"></path>
        </svg>
      </span>
      <div class="product__callouts-mini-item-text ">
        Express International Shipping
      </div>
    </div>

  </div>
</div>