JSFiddle - React, Tailwind, and code Playground

by rami7250

HTML

<div class="message-warning">
<h3 class="message-title">
Export your settings
</h3>
<p>Before using the Uninstaller tool, <a href="https://support.eset.com/en/kb3133-import-or-export-eset-configuration-settings-using-an-xml-file" target="_blank">export all ESET product settings</a>. Your settings will not be restored automatically when you reinstall ESET.</p>
</div>

CSS

.message-warning {background: #fff5f2 url(https://support.eset.com/images/icon-message-warning_34x37.png) no-repeat 8px 10px;
padding: 0px 0 0 55px;
border: 1px solid #f7e3e2;}

.message-warning .message-title {
    color: #ea2100;}
div.message-warning p {
    margin: 0 0 10px;}
    
    h3     {font-family: Fedra,Tahoma,sans-serif;
    font-weight: lighter;}