JSFiddle - React, Tailwind, and code Playground

by Rafael Nepomuceno

HTML

<div class="overlay overlay-visible" tabindex="" data-overlay-container="" data-overlay-id="5ffc9cc0d737d" data-overlay-container-id="">
  <div class="overlay-sub margin-auto min-w-0">
    <div class="overlay-sub-2 padding-15 border-box">
      <div class="overlay-box relative">
        <div class="x-box">
          <div class="x box-shadow" data-close-overlay="5ffc9cc0d737d"></div>
        </div>
        <div data-overlay-conteudo="" class="overlay-content">
          <div class="overlay-default overlay-m align-center box-branco">
            <div class="overlay-default-img-sucesso"> <img src="http://localhost/CROWD/algarve/wp-content/uploads/2020/11/icone-sucesso.png" alt="sucesso"> </div>
            <div class="overlay-default-conteudo txt-conteudo">
              <h3 class="color-1">E-mail cadastrado com sucesso!</h3>
              <p>Obrigado por se cadastrar em nossa Newsletter, periodicamente enviaremos e-mails com novidades para vocĂŞ!</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>