image.png

<style>
  /* Developer: BC */
  .bc-container {
    display: flex;
    justify-content: center; /* Center horizontally */
  }

  .rounded-button {
    display: inline-flex;
    align-items: center;
    background-color: #c3e6c4; /* Background color */
    color: #000; /* Text color */
    border-radius: 20px; /* Rounded corners */
    padding: 10px 20px; /* Padding inside the button */
    text-decoration: none; /* Remove underline from links if used */
  }

  .rounded-button .circle {
    width: 20px;
    height: 20px;
    background-color: #92d18b; /* Color for the small circle */
    border-radius: 50%; /* Make the circle */
    margin-right: 10px; /* Space between circle and text */
    animation: flash 1s infinite; /* Apply flashing animation */
  }

  @keyframes flash {
    0% {
      background-color: #92d18b; /* Original color */
    }
    50% {
      background-color: #a1e9a2; /* Slightly lighter color */
    }
    100% {
      background-color: #92d18b; /* Original color */
    }
  }
</style>

<div class="bc-container">
  <div class="rounded-button">
    <div class="circle"></div>
    600 people bought this item
  </div>
</div>