pagination page-link :focus z-index problem

Created by: TRCYX

• Operating system and version: Windows 10
• Browser and version: (should be irrelevant) Chrome 73.0.3683.86; Edge 42.17134.1.0; IE 11.648.17134.0

Steps to reproduce:

• Go to official documentation on pagination
• Click on the 2 in the first example to gain focus
• Hover on 3 to see 2's box-shadow being cut off by 3.

For consistency, it seems that .page-link:focus should have a higher z-index than .page-link:hover. Currently, for both situations the z-indices are the same (2). Please consider increase the z-index for .page-link:focus.

But there's another problem: if a .page-link:focus lies within a .page-item.active, the current z-index of 2 gets overridden by .page-item.active .page-link's z-index of 1:

It seems that the relationship between normal and .page-item.active's .page-link is a bit entangled. I'm not currently sure how to fix this problem. Thanks for your amazing work anyway.