<div style="background-image:url(https://tdn.totvs.com/download/attachments/517133698/countdown-banner.png?api=v2);

        display: flex;

        flex-direction: column;        

        height: 150px;

        width:700px;">

        <style>           

            .countdown-text {

                color: black;

                font-size: 18px;

                margin: 3px 0px;

                font-family: 'Lato', sans-serif;

                max-width: 500px;

                margin-left: 20px;

            }



            .countdown-link {

                margin-left: 20px;

                font-family: 'Lato', sans-serif;

                max-width: 340px;

            }

        </style>

        <p class="daysText countdown-text" style="font-size:20px;"></p>

        <p class="countdown-text" style="margin-top:10px; margin-bottom:10px;">Confira os links abaixo para saber mais:</p>

        <a class="countdown-link" href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/360035726293-Expira%C3%A7%C3%A3o-Release-Protheus-12-1-17-">Expiração do Release 12.1.17</a>

        <a class="countdown-link" href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/360016588371-Mudan%C3%A7a-no-calend%C3%A1rio-de-releases-da-linha-Protheus">Mudança no Calendário de Releases Protheus</a>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>

        <script type="text/javascript">

            let days = Math.abs(moment({hours:0}).diff('2019-12-31', 'days'));

            let element = document.querySelector(".daysText");

            element.innerText = `Atenção! Resta(m) ${days} dia(s) para o término do ciclo de vida do Protheus Release 12.1.17 (31/12/2019)`; 

        </script> 

    </div>