@media (max-width: 640px) {
  #page-buttons {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  #page-buttons .page-number:nth-child(n+8):not(:last-child) {
    display: none;
  }

  #page-buttons .page-number:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}