.pagination {
    @apply flex list-none rounded text-sm;
}
.page-link {
    @apply relative -mr-px block border border-gray-300 bg-white py-2 px-3 leading-tight text-gray-700 transition duration-150 ease-in-out hover:z-[2] hover:bg-[#f8f8fc] hover:text-[#0241c6];
}
.page-item.active .page-link {
    @apply z-[3] border-primary bg-primary text-white;
}
.page-item.disabled .page-link {
    @apply pointer-events-none cursor-auto border-gray-300 bg-white text-gray-400;
}
.page-item:first-child .page-link {
    @apply rounded-l;
}
.page-item:last-child .page-link {
    @apply rounded-r;
}