USP

<div class="message-container">
 <div class="dot"><span style="visibility: hidden;">.</span></div>
 <div class="text-mbg">30-day money back guarantee, no questions.</div>
</div>
<style>
 .message-container {
 display: flex;
 align-items: center;
 background-color: #e9fbea;
 border: 1px solid #d4edda;
 border-radius: 8px;
 padding: 10px 10px;
 max-width: 400px;
 width: 100%;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 .message-container .dot {
 width: 10px;
 height: 10px;
 background-color: #007800; /* Darker green for contrast */
 border-radius: 50%;
 margin-right: 15px;
 box-shadow: 0 0 10px #00a000; /* Initial glow effect */
 animation: pulse 1.5s infinite; /* Apply pulsing animation */
 }
 @keyframes pulse {
 0% {
 box-shadow: 0 0 10px #00a000;
 transform: scale(1);
 }
 50% {
 box-shadow: 0 0 20px #00a000;
 transform: scale(1);
 }
 100% {
 box-shadow: 0 0 10px #00a000;
 transform: scale(1);
 }
 }
 .message-container .text-mbg {
 font-size: 12px;
 color: #039903;
 line-height: 0px;
 }
</style>