Alert

<div class="alert outset-neomo" role="alert">This is alert!</div>

<div class="alert inset-neomo" role="alert">This is alert!</div>

  <div class="alert outset-neomo info" role="alert">This color is info!</div>
  <div class="alert outset-neomo success" role="alert">
    This color is success!
  </div>
  <div class="alert outset-neomo danger" role="alert">
    This color is danger!
  </div>
  <div class="alert outset-neomo warning" role="alert">
    This color is warning!
  </div>

<div class="outset-neomo alert" role="alert">
  <span
    ><strong>Well done!</strong> You successfully read this important alert
    message.</span
  >
  <span class="alt-close">X</span>
</div>
<div class="outset-neomo alert info" role="alert">
  <span
    ><strong>Well done!</strong> You successfully read this important alert
    message.</span
  >
  <span class="alt-close">X</span>
</div>
<div class="outset-neomo alert success" role="alert">
  <span
    ><strong>Well done!</strong> You successfully read this important alert
    message.</span
  >
  <span class="alt-close">X</span>
</div>
<div class="outset-neomo alert danger" role="alert">
  <span
    ><strong>Well done!</strong> You successfully read this important alert
    message.</span
  >
  <span class="alt-close">X</span>
</div>
<div class="outset-neomo alert warning" role="alert">
  <span
    ><strong>Well done!</strong> You successfully read this important alert
    message.</span
  >
  <span class="alt-close">X</span>
</div>