overriding global css that came from node_modules next.js

I am trying to override css style for a rc-pagination component that came with a css file that i've already imported it on the root component _App and when i navigate to the index.css styling sheet of this component and try to override no thing changes, could anyone explain this?

The css file

The browser