.paginator {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.paginator input[type="submit"] {
  height: 38px;
  width: 38px;
  color: var(--klein-blue);
  border-radius: 8px;
  font-family: inherit;
}
.paginator .page {
  background: none;
  border: solid 1px var(--apricot);
}
.paginator .next, .paginator .previous {
  font-size: 0;
  border: none;
}
.paginator .next {
  background: var(--peach) url('/DesktopModules/MVC/ServicesAndResources/Assets/Right Chevron.svg') no-repeat center;
  background-size: 8px;
}
.paginator .previous {
  background: var(--peach) url('/DesktopModules/MVC/ServicesAndResources/Assets/Left Chevron.svg') no-repeat center center;
  background-size: 8px;
}
.paginator input[type="submit"][disabled] {
  background-color: var(--peach);
}
.paginator input:not([disabled]):hover {
  background-color: var(--apricot);
}