.toast-success {
    position: fixed;
    top: 150px;              /* 40 + 20px */
    left: 50%;
    transform: translateX(-50%);
    background: #22c55e;
    color: white;
    padding: 7px 10px;
    border-radius: 10px;
    z-index: 11;
    animation: fade 4s forwards;
    opacity: 0.3;
    font-size: 1.2em;
    font-weight: bold;
}

@keyframes fade {
    0% {opacity: 0;transform: translate(-50%, -20px);}
    10% {opacity: 1;}
    80% {opacity: 1;}
    /* 99% {opacity: 0;} */
    99% { opacity: 0; transform: translate(-50%, -20px); }
    100% {opacity: 0; visibility: hidden;}
}