有没有办法修改vue-good-table的分页样式？

<link rel="stylesheet" href="https://unpkg.com/vue-good-table/dist/vue-good-table.css">

<template>
  <div>
    <vue-good-table :columns="columns" :rows="rows" :pagination-options="paginationOptions"></vue-good-table>
  </div>
</template>

<script>
import VueGoodTable from 'vue-good-table';

export default {
  components: {
    VueGoodTable
  },
  data() {
    return {
      columns: [
        {
          label: 'Name',
          field: 'name',
          sortable: true
        },
        {
          label: 'Age',
          field: 'age',
          sortable: true
        }
      ],
      rows: [
        { name: 'John', age: 25 },
        { name: 'Jane', age: 30 },
        { name: 'Bob', age: 35 },
        // ...
      ],
      paginationOptions: {
        enabled: true,
        perPage: 10
      }
    };
  }
};
</script>

/* 修改分页容器样式 */
.vgt-pager-wrapper {
  /* Your custom styles here */
}

/* 修改分页按钮样式 */
.vgt-pager .btn {
  /* Your custom styles here */
}

/* 修改分页按钮激活状态样式 */
.vgt-pager .btn.active {
  /* Your custom styles here */
}

/* 修改分页按钮禁用状态样式 */
.vgt-pager .btn.disabled {
  /* Your custom styles here */
}