#alert-error {
       opacity: 0;
       position: absolute;
    }
   
    #alert-error.show {
        position: relative;
        animation: animate-in .3s ease-in-out;
        opacity: 1;
    }
    
    #alert-error.hide {
        animation: animate-out .20s ease-out;
        opacity: 0;
        position: absolute;
    }
   
    @keyframes animate-in {
        0% {
            display: none;
            opacity: 0;
        }
        1% {
            display: block;
            opacity: 0;
            transform: scale(0);
        }
        100% {
            opacity: 1;
            transform: scale(1);
        }
    }
    
    @keyframes animate-out {
        0% {
            opacity: 1;
            transform: scale(1);
        }
        1% {
            opacity: 1;
            transform: scale(1);
        }
        20% {
            opacity: 0.8;
            transform: scale(0.7);
        }
        100% {
            transform: scale(0);
            display: none;
        }
    }
    
    .cursor-pointer {
        cursor: pointer;
    }