<div class="pagination-container uk-margin-medium">
    <div class="pagination uk-flex uk-flex-center uk-flex-middle gap-4">

        <button class="slidenav uk-icon-button" disabled aria-label="Prev">
            <span uk-icon="icon: chevron-left; ratio: .7" class="uk-icon" aria-hidden="true"></span>
        </button>

        <a href="#" class="page-btn active">1</a>
        <a href="#" class="page-btn">2</a>
        <a href="#" class="page-btn">3</a>
        <span class="page-btn">...</span>
        <a href="#" class="page-btn">8</a>

        <button class="slidenav uk-icon-button" aria-label="Next">
            <span uk-icon="icon: chevron-right; ratio: .7" class="uk-icon" aria-hidden="true"></span>
        </button>
    </div>
</div><!-- pagination-container -->