.order-button {
    /* Основные стили кнопки */
    background-color: #FF9F40; /* Оранжевый фон, как на картинке */
    color: #000000; 
 
    border: none; /* Убираем стандартную границу */
    /*font-family: 'Arial', sans-serif;  Похожий шрифт (можно заменить на другой sans-serif) */
    /*font-size: 18px;  Размер текста */
    font-weight: bold; /* Жирный текст */
    text-transform: uppercase; /* Текст в верхнем регистре, как на кнопке */
    cursor: pointer; /* Курсор в виде указателя при наведении */
    
    /* Наклон кнопки */
    transform: skew(-15deg) rotate(-10deg); /* Наклон влево на 15 градусов */
    display: inline-block; /* Для корректного применения трансформации */
    
    /* Тень для объема (опционально) */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    
    /* Плавный переход для эффекта наведения */
    transition: all 0.3s ease;
}
.order-button div.tn-atom {
    display: inline-block;
    transform: skew(15deg); /* Компенсируем skew кнопки, чтобы текст стал вертикальным */
}
.order-button a.tn-atom {
    display: block!important;
}

/* Эффект при наведении */
.order-button:hover {
    background-color: #E55A00; /* Чуть темнее оранжевый при наведении */
    transform: skew(-15deg) scale(1.05) rotate(-10deg); /* Легкое увеличение при наведении */
    /*box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);  Усиление тени */
}


.h2skew {
    display: inline-block;
    transform: rotate(-10deg); /* Компенсируем skew кнопки, чтобы текст стал вертикальным */
    transition: all 0.3s ease;
}

.h2skew:hover {
    animation: glow 1.5s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
        text-shadow: 0 0 5px #000,
                    0 0 10px #2B204C,
                    0 0 15px #9C5E5A;
    }
    to {
        text-shadow: 0 0 10px #000,
                    0 0 20px #2B204C,
                    0 0 30px #9C5E5A;
    }
}

.t229__centerside ul {
  list-style: none; /* Убираем маркеры списка */
  padding: 0;
  margin: 0;
  display: flex; /* Используем Flexbox */
  justify-content: space-between; /* Равномерно распределяем пункты */
}

.t229__centerside li.t229__list_item {
  position: relative; /* Для позиционирования псевдоэлемента (линии) */
}

.t229__centerside a {
  text-decoration: none; /* Убираем подчеркивание у ссылок */
  padding-left: 20px; /* Отступ слева для текста, чтобы линия не пересекала текст */
  display: block; /* Делаем ссылку блочным элементом */
  line-height: 40px; /* Высота строки для вертикального центрирования */
}

/* Оранжевая вертикальная линия слева от каждого пункта */
.t229__centerside li.t229__list_item::before {
  content: ''; /* Псевдоэлемент для линии */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); /* Центрируем линию по вертикали */
  width: 2px; /* Толщина линии */
  height: 20px; /* Высота линии */
  background-color: orange; /* Оранжевый цвет линии */
}

  .glow
  {
  transition: all 0.3s ease-in-out;
}
  .glow:hover {
  transform: scale(1.1) !important;
  /* Размер и цвет свечения вокруг карточки */
  box-shadow: 0 0 80px rgba(183, 108, 240, 0.5);
  /* Яркость 1.2 = 120% */
  filter: brightness(1.2);
  border-radius: 8px;
}

/*.glowround {
      /*transition: all 0.3s ease-in-out;
    }

    .glowround:hover {
      transform: scale(1.1) !important;
      box-shadow: 0 0 80px rgba(183, 108, 240, 0.5);
      filter: brightness(1.2);
      border-radius: 50%;
    } */