Trying to remove the bullet created by the UL LI within the .content-links-a

I tried many things with CSS. But it is not loaded within the template for some reason

I have added this code in the template custom css

li.com-content-article__link {list-style: none; list-style-type: none; text-align: center;}
li.content-links-a {margin-top:20px;margin-left:auto;margin-right:auto;list-style: none;list-style-type: none; text-align: center;}

This is the current css path: div.article-details div.com-content-articlelinks.content-links ul.com-content-articlelinks.content-list li.com-content-article__link.content-links-a

It works fine within the Inpector of the browswer, but the CSS change is not properly loaded by the template adjustment. What am I missing here?

Can't figure out what's going on. The custom.css doesn't get loaded.

This should work:

li.com-content-article__link.content-links-a {
    list-style: none;
    text-align: center;
}