.toast-container {
    position: fixed;
    width:300px;
    max-width:50%;
    top:1rem;
    right:1rem;
    z-index:4000;
}

    .toast-container > .toast {
        background:#fff;
        border-radius:0.5rem;
        padding:1rem;
        box-shadow:0px 0px 1rem rgba(0,0,0,.2);
        margin-bottom:1rem;
    }

    .toast-container > .toast.remove {
        margin-top:-100%;
        opacity:0;
        transition:all .5s ease-in-out;
    }

        .toast-container > .toast > h4 {
            border-bottom: solid 2px rgb(13 144 203);
            color: rgb(13 144 203);
            margin-bottom:.5rem;
            padding-bottom:.5rem;
        }