<style>.pill-container {
    padding: 8px 12px;
    background-color: #1877F2; /* Set background color to #1877F2 */
    border-radius: 20px; /* Adjust as needed to give the pill shape */
    display: inline-block; /* Ensure it wraps content properly */
    position: relative; /* Add position relative for centering */
  }

  .pill-container img {
    vertical-align: middle; /* Align the image vertically */
  }

  .pill-container span {
    margin-left: 8px; /* Adjust as needed to give space between image and text */
    color: #ffffff; /* Set text color to white */
  }

  /* Center the pill horizontally */
  .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* Gradient border */
  .pill-border {
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 24px; /* Match the border radius of the pill */
    background: linear-gradient(135deg, #26F0FF, #E82356);
    z-index: -1;
  }</style><div class="center">
  <div class="pill-container">
    <div class="pill-border"></div>
    <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE4IDE5Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" decoding="async" data-src="https://cdn.shopify.com/s/files/1/0812/1414/4845/files/facebook.png?v=1709554524" alt="Facebook Logo" width="18" height="19" />
    <span>Over 4M Views on Facebook</span>
  </div>
</div>