.video-post-page {
   width: 100%;
   height: 261px;
   background-color: #FFFFFF;
   border-radius: 16px;
   margin-bottom: 16px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: start;
   flex-shrink: 0;
   box-sizing: border-box;
}

.video-post-page__promo {
   width: 100%;
   height: 161px;
   border-radius: 16px;
   position: relative;
}

.video-post-page__promo-img {
   width: 100%;
   height: 100%;
   object-position: center;
   object-fit: cover;
   border-radius: 16px;
}

.video-post-page__promo-time {
   position: absolute;
   right: 10px;
   bottom: 10px;

   padding: 2px 7px;
   background-color: #00000099;
   border-radius: 6px;

   font-size: 12px;
   font-weight: 400;
   letter-spacing: 0%;
   line-height: 120%;
   color: #FFFFFF;
}

.video-post-page__footer {
   padding: 14px;
   width: 100%;
   height: 100px;
   box-sizing: border-box;

   display: flex;
   flex-direction: column;
   align-items: start;
   justify-content: space-between;
}

.video-post-page__info {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.video-post-page__info-list {
   list-style-type: none;
   margin: 0;
   padding: 0;
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
   & li:last-child {
      margin-right: 0;
   }
}

.video-post-page__info-list-item {
   margin-right: 4px;
   padding: 4px 7px;
   background-color: #F3F3F7;
   border-radius: 6px;

   font-size: 12px;
   font-weight: 500;
   line-height: 120%;
   letter-spacing: 0%;
   color: #637381;
}

.video-post-page__info-date {
   font-size: 12px;
   line-height: 120%;
   letter-spacing: 0%;
   color: #919EAB;
}

.video-post-page__name {
   width: 100%;
   height: 40px;
   font-weight: 600;
   line-height: 120%;
   letter-spacing: 0;
   display: -webkit-box; /* Используем flexbox для текстового блока */
   -webkit-box-orient: vertical; /* Устанавливаем ориентацию вертикально */
   -webkit-line-clamp: 2; /* Ограничиваем количество строк до 2 */
   overflow: hidden; /* Скрываем переполнение */
   text-overflow: ellipsis; /* Добавляем многоточие */
   color: #212B36;
   flex-shrink: 0;
   font-size: 16px;
   flex-grow: 1;
   margin: 0;
}

.video-post-page__link {
   text-decoration: none;
}