<div class="red-div">
  <span class="blink">&#9679;</span>
  <span id="cartCount" style="color: #9F7301;">4</span> people have this in their cart
</div> <script type="litespeed/javascript">function updateRandomNumber(){var randomCount=Math.floor(Math.random()*(20-4+1))+4;document.getElementById("cartCount").innerText=randomCount}
updateRandomNumber();setInterval(updateRandomNumber,15000)</script> <style>.red-div {
    background-color: #FFF8D0;
    padding: 2px 10px; /* 6px vertical, 10px horizontal */
    border-radius: 8px; /* Rounded corners */
    display: inline-block; /* Display as inline-block */
    text-align: center; /* Center align the content */
    margin: 0 auto; /* Horizontally center the red-div */
    color: #9F7301; /* Text color */
    font-weight: 500; /* Medium font weight */
    font-size: 12px; /* Set font size */
  }

  .blink {
    color: inherit; /* Inherit color from parent */
    display: inline-block; /* Display as inline-block */
    vertical-align: middle; /* Align vertically to middle */
    font-size: 12px; /* Set font size */
    margin-right: 5px; /* Add some space between the dot and the text */
  }</style>