.k-pager-numbers-wrap {
  height: 44px;
  align-items: center;
  gap: 6px;
}

.k-pager-numbers {
  display: flex !important;
  gap: 6px;
}

.k-pager-md .k-pager-numbers-wrap .k-button {
  font-family: Onest;
  font-size: var(--Body-Regular, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 22px;

  display: flex;
  width: 40px;
  height: 40px;
  padding: 5px;
  border-radius: 4px;

  justify-content: center;
  align-items: center;
}

.k-pager-md .k-pager-numbers-wrap .k-button.k-selected::before {
  opacity: 100%;
  z-index: 1;
}

.k-button.k-selected::before {
  opacity: 100%;
  z-index: 1;
}

.k-pager-numbers .k-button-text {
  z-index: 10;
  justify-content: center;
}

.k-pager-numbers .k-button-overlay, .k-button::before {
  background: #0B0B0B;
}

.k-pager-md .k-pager-numbers-wrap .k-button {
  color: #0B0B0B;
  text-align: center;
  flex-shrink: 0;

  font-family: Onest;
}

.k-pager-md .k-pager-numbers-wrap .k-button-flat-primary.k-selected {
  color: #FFF;
  text-align: center;
  flex-shrink: 0;

  font-family: Onest;
}

.k-pager-info {
  display: none !important;
}

.section .k-pager {
  align-self: center;
}

.k-pager-md .k-pager-numbers-wrap .k-button:disabled, .k-pager-md .k-pager-numbers-wrap .k-button.k-disabled {
  opacity: 0;
  display: none;
}

.k-pager-md .k-pager-numbers-wrap .k-button-md.k-icon-button .k-button-icon.k-svg-i-caret-alt-to-left {
  background-image: url(/../v2/images/buttons/arrow-double-left.svg);
}

.k-pager-md .k-pager-numbers-wrap .k-button-md.k-icon-button .k-button-icon.k-svg-i-caret-alt-left {
  background-image: url(/../v2/images/buttons/arrow-left.svg);
}

.k-pager-md .k-pager-numbers-wrap .k-button-md.k-icon-button .k-button-icon.k-svg-i-caret-alt-to-right {
  background-image: url(/../v2/images/buttons/arrow-double-right.svg);
}

.k-pager-md .k-pager-numbers-wrap .k-button-md.k-icon-button .k-button-icon.k-svg-i-caret-alt-right {
  background-image: url(/../v2/images/buttons/arrow-right.svg);
}

.k-pager-nav .k-button-icon {
  z-index: 10;
}

.k-pager-nav::after {
  opacity: 100%;
  background: var(--Prime-primary, #D8E800);
}

.k-pager-md .k-pager-numbers-wrap .k-button.k-pager-nav {
  color: var(--Prime-primary, #D8E800);
  text-align: center;
  flex-shrink: 0;
  font-family: Onest;
}