icon and text

<style>
  .tablet-container {
    width: 100%;
    display: flex;
  }

  .tablet {
    width: max-content;
    background-color: #FFD2EA;
    border-radius: 5px;
    padding: 2px 10px;
    font-size: 13.6px;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    font-weight: 700;
    color: #000000;
  }

  .tablet-icon {
    width: 15px;
    height: 15px;
    fill: currentColor;
    flex: 0 0 auto;
  }
</style>

<div class="tablet-container">
  <div class="tablet">
    <!-- Heart icon -->
    <svg class="tablet-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"
      focusable="false">
      <path
        d="M12 21s-6.7-4.35-9.33-8.02C.76 10.14 1.5 6.95 3.8 5.4c2.06-1.39 4.7-.92 6.2.93c.3.37.58.78.8 1.22c.22-.44.5-.85.8-1.22c1.5-1.85 4.14-2.32 6.2-.93c2.3 1.55 3.04 4.74 1.13 7.58C18.7 16.65 12 21 12 21z">
      </path>
    </svg>
    <span>Trusted by 50k+ parents</span>
  </div>
</div>