<!-- success alert with dismiss button -->
         <div class="alert-success-btn">
             <div class="alert-text">
                 <i class="fas fa-check-circle alert-icon"></i>
                 <span class="p-md">Success alert.</span>
             </div>
             <div class="alert-close">
                 <i class="fas fa-times-circle"></i>
             </div>
         </div>

         <!-- success alert with undo button -->
         <div class="alert-success-btn">
             <div class="alert-text">
                 <i class="fas fa-check-circle alert-icon"></i>
                 <span class="p-md">Success alert.</span>
             </div>
             <div class="undo">
                 <button class="btn secondary-text-btn-sm">UNDO</button>
             </div>
         </div>

         <!-- error alert with undo button -->
         <div class="alert-error-btn">
             <div class="alert-text">
                 <i class="fas fa-exclamation-circle alert-icon"></i>
                 <span class="p-md">Wrong input!</span>
             </div>
             <div class="undo">
                 <button class="btn secondary-text-btn-sm">UNDO</button>
             </div>
         </div>