.toast {
    max-width: 500px;
}
#success-toast, #error-toast{
    position: fixed; 
    top: 1rem; 
    z-index: 1100; 
    left: 50%; 
    transform: translateX(-50%);
    pointer-events: none;
}
#success-toast i, #error-toast i{
    font-size: 150%;
}
#success-toast button, #error-toast button{
    color: #fff;
    position: absolute;
    top: 1px; 
    right: 5px;
    pointer-events: all;
}