footer a {
  color: #ccc;
  text-decoration: none;
}

footer a:hover {
 color: #ddd;
 text-decoration: underline;
}



/* Выровнять пагинацию и добавить отступы */
ul.pagination {
    display: flex;
    flex-wrap: wrap;   /* перенос строк при переполнении */
    gap: 4px;          /* расстояние между ссылками */
}

ul.pagination li {
    margin: 2px 0;     /* чуть вертикального отступа */
}

ul.pagination li a {
    display: block;
    padding: 0.3rem;
    white-space: nowrap; /* не ломаем текст */
}