<a href="#" class="list-group-item list-group-item-action d-flex align-items-center text-body">
  <div class="w-60px h-60px d-flex align-items-center justify-content-center bg-body rounded p-2">
    <img src="assets/img/product/product-1.png" alt="" class="mw-100 mh-100">
  </div>
  <div class="flex-fill px-3 py-1">
    <div class="fw-semibold">iPhone 14 Pro Max</div>
    <div class="small text-body text-opacity-50">Apple</div>
    <div class="d-flex align-items-center small">
      <i class="bi-star-fill text-warning me-2px"></i>
      <i class="bi-star-fill text-warning me-2px"></i>
      <i class="bi-star-fill text-warning me-2px"></i>
      <i class="bi-star-fill text-warning me-2px"></i>
      <i class="bi-star text-body text-opacity-25 fa-fw me-1"></i>
      (128)
    </div>
  </div>
  <div>
    <span class="badge text-theme bg-theme-subtle fs-12px py-7px px-2 fw-semibold rounded-1 d-block">
      $999.00
    </span>
  </div>
</a>