@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: 7s;
}