#customAlert {
    position: fixed;
    top: -100px; /* Скрыто за пределами экрана */
    right: 50px; /* Отступ справа */
    background-color: #B22222;
    color: white;
    padding: 5px 10px; /* Уменьшаем внутренний отступ до 0px сверху и снизу */
    line-height: 20px; /* Устанавливаем минимальную высоту строки */
    border-radius: 5px; /* Радиус скругления */
    font-family: Arial, sans-serif;
    font-size: 12px; /* Размер шрифта */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;
    opacity: 0; /* Начальная непрозрачность */
    z-index: 9999;
    width: auto; /* Ширина по содержимому */
}



/* Когда уведомление появляется */
#customAlert.show {
    opacity: 1; /* Установим прозрачность в 1 */
    top: 45px; /* Место для показа уведомления */
}