how to make a custom pager?

Hi
I'm running goofy theme @ 4.7 and want to make nice custom pager, it works well on tpl themes, but doesn't on goofy.theme, how to make this working?
/*pager*/

.pager {
border-top:0px solid #eee;
margin:15px 0px 0 0px;
}

.pager span.pager-list a{
padding:2px 6px 2px 6px;
border:2px solid #c0d7fb;
background-color:#e5eefd;
margin:0 3px 0 3px;
}

.pager span.pager-list a:hover{
background-color:#fff;
color:black;
}