Free gift checkout

1<style>
2  .red-div-wrapper {
3    text-align: center; /* Center align the content */
4  }
5
6  .red-div {
7    background-color: #D0FFE0;
8    padding: 2px 10px; /* 6px vertical, 10px horizontal */
9    border-radius: 8px; /* Rounded corners */
10    display: inline-block; /* Display as inline-block */
11    color: #008454; /* Text color */
12    font-weight: 500; /* Medium font weight */
13    font-size: 12px; /* Set font size */
14  }
15
16  .blink {
17    color: inherit; /* Inherit color from parent */
18    font-size: 12px; /* Set font size */
19    margin-right: 5px; /* Add some space between the dot and the text */
20  }
21</style>
22
23<div class="red-div-wrapper">
24  <div class="red-div">
25    <span class="blink">&#10004;</span>
26    <span>You unlocked a Free Gift at Checkout!</span>
27  </div>
28</div>