/* Paginacion */
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #333333;
  svg, svg * {
    fill: #333333;
  }
}

.pagination > li > a, .pagination > li > span {
  color: #333333;
  svg, svg * {
    fill: #333333;
  }
}

@media (max-width: 767px) {
  .pagination > li > a {
    padding: 6px 8px;
  }
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: $brand-secondary;
  border-color: $brand-secondary;
}