#pagination{
  background-color: var(--ion-color-step-300);
  color: var(--ion-color-step-700);
  @media (prefers-color-scheme: light) {
    background-color: var(--ion-framework-table-light);
  }
}

button.page{
  @apply flex min-w-6 h-6 px-1 border cursor-pointer rounded-md mx-1  text-center justify-center items-center;
  border: var(--ion-color-dark) solid 1px;
  color: var(--ion-color-dark);
  transition: all .25s;
  &:disabled{
    opacity: .75;
  }
  
  &.selected{
    background-color: var(--ion-color-dark);
    color: var(--ion-color-dark-contrast) !important;
  }
}