#toast {
    position: fixed;
    top: 20px; /* Position from the top */
    right: 20px; /* Position from the right */
    z-index: 1050; /* Ensure it's above most elements */
    min-width: 250px; /* Minimum width */
}

@media (max-width: 576px) { /* Adjustments for smaller screens */
    #toast {
        width: 90%; /* Make the toast wider on small screens */
        right: 5%; /* Center it with a margin from the right */
        left: 5%; /* Center it with a margin from the left */
    }
}