@keyframes show-toast{
    0% {bottom: -100%;}
    20% {bottom: 100px;}
    80% {bottom: 100px;}
    100% {bottom: 100%;}
}

.show-notification {

   position: fixed;
    bottom: 100%;
    right: 20px;
    animation-name: show-toast;
    animation-duration: 5s;
    z-index: 999;
    width:400px;
}

.show-notification span{
    padding:20px;
}