-center justify-center space-x-2 bg-white rounded-xl shadow-md p-4">
                        <!-- Previous Page -->
                        {% if leaderboard.has_previous %}
                            <a href="?page={{ leaderboard.previous_page_number }}"
                               class="flex items-center px-4 py-2 text-sm font-medium text-[#e74c3c] bg-white rounded-lg border border-[#e74c3c] hover:bg-[#e74c3c] hover:text-white transition-colors duration-300">
                                <i class=