.sectionItem {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}
.sectionItem.loadAnimation {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}
.loadMore {
  margin: 8px 0 24px 0;
  height: 28px;
  background: transparent;
  padding: 6px 8px 5px 8px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff !important;
  background: var(--brand-color);
  cursor: pointer;
  width: 110px;
}
.loadMore:hover {
  color: #fff !important;
  background: var(--brand-color);
}
.loadMore.loadingButton {
  background: linear-gradient(-45deg, var(--brand-color), #f8d0d5);
  background-size: 400% 400%;
  animation: gradient 1s ease infinite;
  color: #fff !important;
}

.pagination a,
.paginationCurrent {
  display: flex;
  min-width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}
.pagination a:hover,
.paginationCurrent {
  color: #fff !important;
  background: var(--brand-color);
}

.prevPage:hover #prevPage {
  fill: #fff;
}

.nextPage:hover #nextPage {
  fill: #fff;
}