/* Карточки тарифов */
  #molecule-1764009632633000021,
  #molecule-1764009697678000022,
  #molecule-1764009706485000030,
  #molecule-1764353592612000039,
  /* Фигуры-подложки */
  .shape-1,
  .shape-2,
  .shape-3 {
    cursor: pointer;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
  }

  #molecule-1764009632633000021:hover,
  #molecule-1764009697678000022:hover,
  #molecule-1764009706485000030:hover,
  #molecule-1764353592612000039:hover,
  .shape-1:hover,
  .shape-2:hover,
  .shape-3:hover {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
  }
  
/* Поменять местами лейблы + фон серой плашки + gap 12px */

.t-feed__post-label-wrapper{
  display: flex !important;
  gap: 12px !important;
}

/* порядок (в твоём HTML 1-я = дата, 2-я = новости) */
.t-feed__post-label-wrapper .t-feed__post-label:nth-child(1){ order: 2; } /* Дата */
.t-feed__post-label-wrapper .t-feed__post-label:nth-child(2){ order: 1; } /* Новости */

/* фон именно у серой плашки (.t-feed__post-label) */
.t-feed__post-label-wrapper .t-feed__post-label:nth-child(2){
  background: #DEF071 !important;   /* Новости */
}
.t-feed__post-label-wrapper .t-feed__post-label:nth-child(1){
  background: #F8F8F8 !important;   /* Дата */
}

/* цвет текста */
.t-feed__post-label-wrapper .t-feed__post-tag,
.t-feed__post-label-wrapper .js-feed-post-date{
  color: #142346 !important;
}

/* Мобилка: "НОВОСТИ" по отступам как "Дата" */
@media (max-width: 480px) {
  /* у тебя: 1-я в DOM = дата, 2-я = новости */
  .t-feed__post-label-wrapper .t-feed__post-label:nth-child(2){
    margin: 15px 0 2px 0 !important;   /* было 5px сверху → делаем 15px */
  }

  /* у даты оставляем правый отступ от края карточки (как в твоём скрине 1) */
  .t-feed__post-label-wrapper .t-feed__post-label:nth-child(1){
    margin: 15px 8px 2px 0 !important;
  }