new_raffles/resources/views/client/raffles/pagination/custom.blade.php

<div class="row">
    <div class="col-12 mt-2 d-flex justify-content-center">
        <ul class="pagination pagination-style-01 fs-13 fw-500 mb-0"
            data-anime="{ &quot;translate&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
            <li class="page-item"><a class="page-link" href="{{ $data->previousPageUrl() }}"><i
                        class="feather icon-feather-arrow-left fs-18 d-xs-none"></i></a></li>

            @foreach ($data->links()->elements[0] as $page => $url)
                @if ($page == $data->currentPage())
                    <li class="page-item active"><a class="page-link" href="javascript:void(0);">{{ $page }}</a>
                    </li>
                @else
                    <li><a href="{{ $url }}">{{ $page }}</a></li>
                    <li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
                @endif
            @endforeach

            <li class="page-item"><a class="page-link" href="{{ $data->nextPageUrl() }}"><i
                        class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
        </ul>
    </div>
</div>