<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>