@use '@material/theme/theme';

@mixin paginationHover() {
  @include theme.property(color, primary);
  @include theme.property(border-color, primary);
}

@mixin paginationInput() {
  width: 48px;
  height: 24px;
  border: 1px solid #d9d9d9;
  text-indent: 4px;
  outline: 0;
  transition: all 0.3s;

  &:hover,
  &:focus {
    @include theme.property(border-color, primary);
  }
}