.center-container {
    float: left;
    /*background-color: #3450db; /* Цвет фона контейнера */
    background-color: rgba(0, 0, 0, 0); /* Прозрачный цвет фона */
    margin-top: -20px; /* Внешний отступ сверху */
    /*color: #fff; /* Цвет текста в контейнере */
    padding: 20px; /* Внутренний отступ контейнера */
    margin-top: -40px; /* Внешний отступ сверху */
    margin-left: 0; /* Выравнивание по левой стороне от контейнера .container */
    margin-right: auto; /* Внешний отступ справа */
    height: 50px; /* Увеличенная высота контейнера */
    width: 80px; /* Увеличенная широта контейнера */
    /*border: 2px solid #2c3e50; /* Граница контейнера */
    border-radius: 10px; /* Скругление углов контейнера */
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Тень контейнера */
    font-size: 16px; /* Размер текста в контейнере */
    line-height: 1.5; /* Межстрочное расстояние текста в контейнере */
    text-align: center;  Выравнивание текста в контейнере */
    overflow: hidden; /* Обрезать содержимое, если оно выходит за границы контейнера */
    /*transition: background-color 0.3s ease-in-out; /* Плавное изменение цвета фона при hover */
}

.custom-button {
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #e61d25;
    color: white;
    border: none;
    cursor: pointer;
    margin-top: 10px; /* Перемещает кнопку вниз на 10px */
    margin-right: 20px; /* Перемещает кнопку влево на 20px */
    margin-bottom: 10px; /* Если необходимо, можно также добавить отступ снизу */
    margin-left: 20px; /* Если необходимо, можно также добавить отступ справа */
    position: relative; /* Если вы хотите использовать position, например, для позиционирования относительно других элементов */
    top: -10px; /* Используется совместно с position, чтобы переместить кнопку вверх на 10px */
    right: 20px; /* Используется совместно с position, чтобы переместить кнопку вправо на 20px */
    bottom: 10px; /* Используется совместно с position, чтобы переместить кнопку вниз на 10px */
    left: -35px; /* Используется совместно с position, чтобы переместить кнопку влево на 20px */
}


.custom-button:hover {
    background-color: #45a049; /* изменяем цвет фона при наведении */
}

#button_save_pdf {
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #e61d25;
    color: white;
    border: none;
    cursor: pointer;
    margin-top: 1px; /* Перемещает кнопку вниз на 10px */
    margin-right: 20px; /* Перемещает кнопку влево на 20px */
    margin-bottom: 10px; /* Если необходимо, можно также добавить отступ снизу */
    margin-left: 20px; /* Если необходимо, можно также добавить отступ справа */
    position: relative; /* Если вы хотите использовать position, например, для позиционирования относительно других элементов */
    top: -10px; /* Используется совместно с position, чтобы переместить кнопку вверх на 10px */
    right: 20px; /* Используется совместно с position, чтобы переместить кнопку вправо на 20px */
    bottom: 10px; /* Используется совместно с position, чтобы переместить кнопку вниз на 10px */
    left: -35px; /* Используется совместно с position, чтобы переместить кнопку влево на 20px */

}

#button_save_pdf:hover {
    background-color: #45a049; /* изменяем цвет фона при наведении */
}