#pagination{
  background-color: color-mix(in srgb, var(--ion-color-dark) 10%, var(--ion-color-light));
  color: var(--ion-color-step-700);
}

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;
  }
}