<!-- Warning with Cross Mark Icon -->
<div style="padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; display: flex; align-items: center; background-color: #fff3cd; border-color: #ffeeba; color: #856404;">
<span style="width: 24px; height: 24px; margin-right: 15px;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
</svg>
</span>
<div>
<h3 style="margin-top: 0; font-size: 18px; margin-bottom: 5px;">Warning!</h3>
<p>This is a warning message.</p>
</div>
</div>
المشاركات