/* Ensure the button stays on the same line as the text */
.toast-content {
    display: flex;
    justify-content: space-between; /* This makes sure the text and button are on the same line */
    align-items: center; /* Align the items (text and button) vertically */
}

    .toast-content p {
        margin: 0; /* Remove margin to keep text aligned */
        padding-right: 10px; /* Add some space between the text and button */
        flex-grow: 1; /* Allow the text to take up all available space */
    }

    .toast-content button {
        /* Optional: Add styling for the button if needed */
        margin-left: 10px; /* Space between text and button */
    }

    /* Align button container to the left, center, or right */
    .toast-content.left {
        justify-content: flex-start; /* Align the button to the left */
    }

    .toast-content.center {
        justify-content: center; /* Align the button to the center */
    }

    .toast-content.right {
        justify-content: flex-end; /* Align the button to the right */
    }