.buttons-container {
    display: flex; /* Делаем контейнер гибким */
    justify-content: flex-start; /* Выравниваем элементы по левому краю (можно flex-end для правого края) */
    gap: 15px; /* Задаем расстояние между кнопками */
    margin-top: 20px; /* Отступ сверху, чтобы отделить от формы */
}

/* Контейнер для кнопок, который будет использовать Flexbox */
.buttons-container {
    display: flex; /* Делаем контейнер гибким */
    justify-content: flex-start; /* Выравниваем элементы по левому краю (можно flex-end для правого края) */
    gap: 15px; /* Задаем расстояние между кнопками */
    margin-top: 20px; /* Отступ сверху, чтобы отделить от формы */
}

/* Стили для кнопок */
.xml {
    display: inline-block;
    padding: 10px 20px; /* Внутренние отступы */
    font-size: 16px; /* Размер шрифта */
    border: 1px solid #ccc; /* Граница */
    border-radius: 5px; /* Закругление углов */
    cursor: pointer; /* Курсор-указатель */
    text-decoration: none; /* Убираем подчеркивание для ссылок, если используются */
}

.del-field {
  background-color: #F0533C; /* Цвет фона для кнопки удаления */
}

.add-field {
  background-color: #217aff; /* Цвет фона для кнопки добавления */
}

.create {
  background-color: #217458C47; /* Цвет фона для кнопки YML */
}

.form-row {
    display: flex; /* Используем Flexbox */
    gap: 20px; /* Добавляем отступ между полями */
    align-items: flex-start; /* Выравниваем элементы по верхнему краю */
    margin-bottom: 15px; /* Отступ между строками полей */
}

.form-field {
    flex: 1; /* Позволяем полям занимать равное место */
}