:root{
  /* Подстройте тон под основной оттенок верхнего меню журнала */
  --jhistory-primary: #e4e4e4;   /* тёмно-синий «универовский» */
  --jhistory-primary-hover: #123b74;
}

/* Чтобы кнопка выглядела «как родная» */
.archive-range-link{
  background-color: var(--jhistory-primary) !important;
  border-color:     var(--jhistory-primary) !important;
  font-weight: 550;                 /* как у системных action-кнопок */
  text-transform: uppercase;        /* визуально перекликается с меню */
  letter-spacing: .02em;
  padding: .55rem 1.4rem;
font-size: 0.75rem; 
  border-radius: .3rem;             /* аналогично base-кнопкам OJS */
}

/* Hover / Focus */
.archive-range-link:hover,
.archive-range-link:focus{
  background-color: var(--jhistory-primary-hover) !important;
  border-color:     var(--jhistory-primary-hover) !important;
  text-decoration: none;
}

/* Активное нажатие */
.archive-range-link:active{
  transform: translateY(1px);
}
a {
    color: #006798;
}