mf-styling/src/pagination.css

css as used for mf apps

[aria-label="pagination"] a {
  text-align: center;
  border: solid 1px transparent;
  color: var(--color-neutral-100);
  background-color: var(--color-primary-600);
  vertical-align: middle;
  padding: 0.375rem 0.5rem;
  min-width: 1.8rem;
  max-width: 1.8rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  float: left;
  margin: var(--button-margin) 0 var(--button-margin) 0;
  border-radius: 0;
}

[aria-label="pagination"] a:is(:first-child) {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);  
  margin: var(--button-margin) 0 var(--button-margin) var(--button-margin);
}

[aria-label="pagination"] a:is(:last-child) {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);  
  margin: var(--button-margin) var(--button-margin) var(--button-margin) 0;
}

[aria-current="page"] {
  pointer-events: none;
}

[aria-label="pagination"] a:disabled {
  background-color: var(--color-primary-300);
  pointer-events: none;
}