/* =========================================================
   OZEON — КНОПКА «ЗАГРУЗИТЬ ЕЩЁ»
   ========================================================= */


/* ===== КНОПКА «ЗАГРУЗИТЬ ЕЩЁ» ===== */

.news-load-more__button {
  display: block;                                   /* Блочный элемент */

  width: 150px;                                     /* Ширина кнопки */
  height: 30px;                                     /* Высота кнопки */

  margin-top: -20px;                                 /* Отступ сверху */
  margin-right: auto;                               /* Отступ справа */
  margin-bottom: 20px;                                 /* Отступ снизу */
  margin-left: auto;                                /* Отступ слева */

  box-sizing: border-box;                           /* Размер включает рамку */

  background: rgba(0, 0, 0, 0.20);                 /* Фон */

  border: 1px solid rgba(255, 255, 255, 0.20);     /* Рамка */
  border-radius: 5px;                               /* Скругление */

  font-family: Arial, sans-serif;                   /* Шрифт */
  font-size: 12px;                                  /* Размер текста */
  font-weight: 700;                                 /* Толщина текста */

  color: #ffffff;                                   /* Цвет текста */

  cursor: pointer;                                  /* Курсор */

  transition: background 200ms, border-color 200ms, box-shadow 200ms;
}


/* ===== КНОПКА ПРИ НАВЕДЕНИИ ===== */

.news-load-more__button:hover {
  background: rgba(0, 0, 0, 0.30);                  /* Фон при наведении */

  border-color: rgba(255, 255, 255, 0.35);          /* Рамка при наведении */

  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.08); /* Тень */
}