/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.custom-alert {
    position: fixed;
    top: 90px;
    right: 20px;
    z-index: 9999;

    display: none;
    opacity: 0;
    transform: translateX(30px);
}

.show-alert {
    display: block;
    animation: showAlert 4s linear forwards;
}

@keyframes showAlert {
    8% { transform: translateX(0); opacity: 1; }
    92% { transform: translateX(0); opacity: 1; }
    100% { transform: translateX(30px); opacity: 0; }
}