/* Подключаем шрифт Lato */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700&display=swap');

body, body * {
  font-family: 'Lato', sans-serif !important;
}

/* Фон панели */
.news {
  background: #f1f0f8 !important;
  padding: 12px !important;
}

.feature .category {
  font-weight: 600 !important;
}

/* Карточка */
.feature {
  background: #fff !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
  
}

/* Дата */
.featureDate {
  font-size: 14px !important;
  color: #888 !important;
  vertical-align: middle;
}

/* Заголовок */
.featureTitle {
  margin: 0px 0 4px !important;
}

.featureTitle a {
  text-decoration: none !important;
}

/* Текст */
.featureContent {
  font-size: 14px !important;
  color: #333 !important;
}

/* Кнопка */
.featureAction a {
  display: inline-block !important;
  color: #fff !important;
  text-align: center !important;
  padding: 8px 0 !important;
  width: 100% !important;
  font-weight: 600 !important;
  
  font-size: 14px !important;
  border-radius: 999px !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  transition: background 0.3s ease;
}

.featureAction a:hover {
  background: #333 !important;
}