.custom-alert {
    position: fixed;
    top: 20px;
    right: -500px; /* Start off-screen */
    z-index: 1050;
    min-width: 300px;
    max-width: 400px;
    opacity: 0;
    transition: right 0.5s ease, opacity 0.5s ease; /* Smooth transition */
  }
  
  .custom-alert.show {
    right: 20px; /* Slide into view */
    opacity: 1; /* Make the alert visible */
  }
  
  .custom-alert.hide {
    right: -500px; /* Slide out of view */
    opacity: 0;
  }