/* Стиль для кнопки */
.button-nav {
    background-color: black; /* Черный фон */
    color: white; /* Белый текст */
    border: none; /* Убираем рамку */
    padding: 16px 24px; /* Отступы внутри кнопки */
    border-radius: 12px; /* Закругленные углы */
    cursor: pointer; /* Курсор "при нажатии" */
    transition: all 0.3s ease; /* Плавный переход для всех изменений */
    text-align: center; /* Центрирование текста */
    user-select: none; /* Запрещаем выделение текста */
    -webkit-user-drag: none; /* Запрещаем перетаскивание */
    -moz-user-select: none; /* Запрещаем выделение текста в Firefox */
}

/* Эффект при наведении */
.button-nav:hover {
    transform: scale(1.1); /* Увеличиваем кнопку при наведении */
    color: var(--main-color); /* Меняем цвет текста на зеленый */
}

/* Стиль для текста внутри кнопки */
.button-nav:hover {
    color: var(--main-color); /* Цвет текста при наведении */
}