ページネーションのデザイン方法

todoアプリを作っているのですが、ページネーションのデザインを変えたいです。どのように変えればよいのでしょうか？単純にCSSとかでできますか？cssで変えられるのかどうかだけ教えてください。

pagination
1{% load static %}
2{% block customcss %}
3  <link rel='stylesheet' href="{% static 'style.css' %}">
4{% endblock customcss %}
5
6<div class="page">
7  <ul class="pagination">
8      <!-- 前へ の部分 -->
9      {% if page_obj.has_previous %}
10          <li class="page-item">
11              <a class="page-link" href="?page={{ page_obj.previous_page_number }}">
12                  <span aria-hidden="true">&laquo;</span>
13              </a>
14          </li>
15      {% else %}
16        <li class="page-item">
17          <a class="page-link" href="#">
18            <span aria-hidden="true">&laquo;</span>
19          </a>
20        </li>
21      {% endif %}
22
23      <!-- 数字の部分 -->
24      {% for num in page_obj.paginator.page_range %}
25          {% if page_obj.number == num %}
26              <li class="page-item active"><a class="page-link" href="#!">{{ num }}</a></li>
27          {% else %}
28              <li class="page-item"><a class="page-link" href="?page={{ num }}">{{ num }}</a></li>
29          {% endif %}
30      {% endfor %}
31
32      <!-- 次へ の部分 -->
33      {% if page_obj.has_next %}
34          <li class="page-item">
35              <a class="page-link" href="?page={{ page_obj.next_page_number }}">
36                  <span aria-hidden="true">&raquo;</span>
37              </a>
38          </li>
39      {% else %}
40          <li class="page-item">
41            <a class="page-link" href="#">
42              <span aria-hidden="true">&raquo;</span>
43            </a>
44          </li>
45      {% endif %}
46  </ul>
47</div>
48