@push('style')
  @vite('resources/css/font-size.css')
@endpush
<div class="row my-4">
  <div class="col-sm-12 col-md-7 d-flex justify-content-center mx-auto">
    <div class="dataTables_paginate paging_simple_numbers">
      <ul class="pagination">
        @if ($paginator->onFirstPage())
          <li class="paginate_button page-item previous disabled">
            <a href="#" class="page-link text-danger mx-1">Previous</a>
          </li>
        @else
          <li class="paginate_button page-item previous">
            <a href="{{ $paginator->previousPageUrl() }}" class="page-link text-danger mx-1">Previous</a>
          </li>
        @endif

        @foreach ($elements as $element)
          @if (is_array($element))
            @foreach ($element as $page => $url)
              @if ($page == $paginator->currentPage())
                <li class="paginate_button page-item active d-flex justify-content-center align-items-center">
                  <a href="#" class="page-link active fs10Paginate mx-2">{{ $page }}</a>
                </li>
              @else
                <li class="paginate_button page-item d-flex justify-content-center align-items-center">
                  <a href="{{ $url }}" class="page-link fs10Paginate mx-2">{{ $page }}</a>
                </li>
              @endif
            @endforeach
          @endif
        @endforeach
        @if ($paginator->hasMorePages())
          <li class="paginate_button page-item next">
            <a href="{{ $paginator->nextPageUrl() }}" class="page-link text-danger mx-1">Next</a>
          </li>
        @else
          <li class="paginate_button page-item next disabled">
            <a href="#" class="page-link text-danger mx-1">Next</a>
          </li>
        @endif
      </ul>
    </div>
  </div>
</div>