html body 
 {
  --main-font: "Roboto", sans-serif;
  --h1-size: 33px;
  --h3-size: 23px;
  --action-color: white;
  --button-medium-size:12px;
  --button-big-size:13px;
  --label-size: 12px;
  --interface-large-size: 17px;
  --interface-medium-size: 14px;
  --interface-small-size: 10px;
  --small-text-size: 13px;
  --medium-text-size: 15px;
  --large-text-size: 17px;
  --h5-size: 21px;
  --h6-size: 15px;
  --negative-color:#C60018;
  --main-color:#E96CB0;
  --main-400:#F2D8E5;
  --main-450:#ECC4D8;
  --main-500:#E696BD;
  --hover-color:#D0669A;
  --main-200:rgba(217, 217, 217, 0.25);
  --dark-gray: #686868;
  --positive-color:#149349;
  --br-small:5px;
  --br-medium: 8px;
  --br-large: 10px;
  --secondary-color:#3B3B3B;
  --black-color:#202020;
  --dark-text:#323232;
  --gray-text:#6F6F6F;
  --primary-gradient: linear-gradient(96deg, #E96CB0 2.8%, #F0C1D8 60.64%, #E364A2 104.68%);
}


@media (max-width: 767px) {
    /* Делаем таблицу и ее элементы блочными для перестройки */
    .isLessonPage .lesson-navigation table,
    .isLessonPage .lesson-navigation tbody, {
        display: block;
        width: 100% !important; /* Заставляем занимать всю ширину */
        box-sizing: border-box; /* Учитываем паддинги в ширине */
    }

    /* Убираем фиксированные паддинги у ячеек, которые мешают */
    .isLessonPage .lesson-navigation td[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    td[style="padding-left: 19px;"] {
        a {
            font-size: 13px;
        }
        a,div {
  padding-left: 25px;
}
    }
    td[style="padding-right:17px;"] {
        a {
            font-size: 13px;
        }
        a,div {
 padding-right: 25px;
}
    }
        .lesson-header-block tr {
        gap: 0;
    }
}