<style>
  .red-div-wrapper {
    text-align: center; /* Center align the content */
  }

  .red-div {
    background-color: #D0FFE0;
    padding: 2px 10px; /* 6px vertical, 10px horizontal */
    border-radius: 8px; /* Rounded corners */
    display: inline-block; /* Display as inline-block */
    color: #008454; /* Text color */
    font-weight: 500; /* Medium font weight */
    font-size: 12px; /* Set font size */
  }

  .blink {
    color: inherit; /* Inherit color from parent */
    font-size: 12px; /* Set font size */
    margin-right: 5px; /* Add some space between the dot and the text */
  }
</style>

<div class="red-div-wrapper">
  <div class="red-div">
    <span class="blink">&#10004;</span>
    <span>You unlocked a Free Gift at Checkout!</span>
  </div>
</div>