.navigation {
  margin-top: 40px;
  text-align: center;
}

.navigation .nav-links {
  display: flex;
  justify-content: center;
}

.navigation a,
.navigation span {
  margin: 0 5px;
  padding: 4px 13px;
  cursor: pointer;
  background: none;
  border: none;
  color: #6B6F75;
  text-decoration: none;
  border-radius: 6px;
}

.navigation a:hover {
  background: #00b79a;
  color: #fff;
}

.navigation .current {
  background: #10ade7;
  color: #fff;
}

.page-numbers.prev:hover,
.page-numbers.next:hover {
  background: none !important;
}

.navigation .icon-prev,
.navigation .icon-next {
  width: 18px;
  height: 18px;
  margin-top: 4px;
  mask-size: 14px;
  mask-repeat: no-repeat;
  background: #6B6F75;
}

.navigation .icon-prev {
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEJSURBVHgBzdG9bcJAGAbg9+6SFCmiax2lIBt4BY9A/tqwAWICYALYAKiQEAIxAWwATAAFwhLV1yKBj8NG/B4cNkLia/z3+vF7Z+CeIysjKRsTN8473Hj37bUEIfqy7edxE4TlMDwEKMiW/4+kEH2/lzVSDC8Uqtdg7NJD2ZyWwVh2k8zQl1NLBEWYX9WpqFEAj36dninHbRD9OBm9vKgJZ+1zf9Pa6LQZIywXHv19DGI12o7e9M2JhICbqJFszFyIoBsiCj29XO8482RF6n5qh6gBxDxtynEr8oJ9xKP0J5myzI4gZUPOQgcIMNa9NeKMcWHMS3tGJQ6yHvNmM9XR3yBwlbsGecxZAadbY071qM9IAAAAAElFTkSuQmCC);
  transform: scaleX(-1);
}

.navigation .icon-next {
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEJSURBVHgBzdG9bcJAGAbg9+6SFCmiax2lIBt4BY9A/tqwAWICYALYAKiQEAIxAWwATAAFwhLV1yKBj8NG/B4cNkLia/z3+vF7Z+CeIysjKRsTN8473Hj37bUEIfqy7edxE4TlMDwEKMiW/4+kEH2/lzVSDC8Uqtdg7NJD2ZyWwVh2k8zQl1NLBEWYX9WpqFEAj36dninHbRD9OBm9vKgJZ+1zf9Pa6LQZIywXHv19DGI12o7e9M2JhICbqJFszFyIoBsiCj29XO8482RF6n5qh6gBxDxtynEr8oJ9xKP0J5myzI4gZUPOQgcIMNa9NeKMcWHMS3tGJQ6yHvNmM9XR3yBwlbsGecxZAadbY071qM9IAAAAAElFTkSuQmCC);
}

.navigation .page-numbers.prev:hover .icon-prev,
.navigation .page-numbers.next:hover .icon-next{
  background: #00b79a;
}