#toast-container.toast-top-right {
    top: 76px;
    right: 20px;
}

#toast-container > .toast {
    width: min(360px, calc(100vw - 32px));
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.2);
    opacity: 1;
}

#toast-container > .toast:hover {
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.28);
    opacity: 1;
}

#toast-container .toast-close-button {
    outline: none;
}

@media (max-width: 575.98px) {
    #toast-container.toast-top-right {
        top: 12px;
        right: 12px;
        left: 12px;
    }

    #toast-container.toast-top-right > div {
        width: 100%;
    }
}