<div class = "limited-time-offer">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#d9534f" width="15" version="1.1" id="Capa_1" viewBox="0 0 490 490" xml:space="preserve">
    <g>
        <g>
            <path d="M245,0C109.5,0,0,109.5,0,245s109.5,245,245,245s245-109.5,245-245S380.5,0,245,0z M245,449.3    c-112.6,0-204.3-91.7-204.3-204.3S132.4,40.7,245,40.7S449.3,132.4,449.3,245S357.6,449.3,245,449.3z"/>
            <path d="M290.9,224.1h-25v-95.9c0-11.5-9.4-20.9-20.9-20.9s-20.9,9.4-20.9,20.9V245c0,11.5,9.4,20.9,20.9,20.9h45.9    c11.5,0,20.9-9.4,20.9-20.9S302.3,224.1,290.9,224.1z"/>
        </g>
    </g>
    </svg>
    Limited time offer - 25% off!
    </div>
    
    <style>
    .limited-time-offer {
        display: flex;
        justify-content: center;
        gap: 10px;
        font-size: 12px;
        background: #f8d7da;
        border-radius: 8px;
        width: max-content;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 20px;
        font-weight: 600;
        color: #d9534f;
    align-items: center;
    }
    </style>