.wp-pagenavi {
  padding: 10px 20px 10px ;
  display: flex ;
  clear: both ;
  column-gap: 3px ;
  justify-content: center;
}
.wp-pagenavi.left {
  justify-content: flex-start;
}
.wp-pagenavi.right {
  justify-content: flex-end;
}
.wp-pagenavi > * {
  display: block ;
}
.wp-pagenavi a,
.wp-pagenavi span.pages,
.wp-pagenavi span.extend,
.wp-pagenavi span.current {
  color: var(--PNS-TEXT-COLOR);
  text-shadow: 0px 0px 1px var(--PNS-TEXT-SHADOW);
  padding: 6px 9px 6px 9px ;
  border: solid 1px var(--PNS-BORDER-COLOR);
  -webkit-box-shadow: 0px 1px 1px var(--PNS-BOX-SHADOW);
  -moz-box-shadow: 0px 1px 1px var(--PNS-BOX-SHADOW);
  box-shadow: 0px 1px 1px var(--PNS-BOX-SHADOW);
  background: var(--PNS-BACKGROUND-END);
  text-decoration: none ;
}
.glossy.wp-pagenavi a,
.glossy.wp-pagenavi span.pages,
.glossy.wp-pagenavi span.extend,
.glossy.wp-pagenavi span.current {
  background: -webkit-linear-gradient(180deg, var(--PNS-BACKGROUND-START), var(--PNS-BACKGROUND-END));
  background: -moz-linear-gradient(180deg, var(--PNS-BACKGROUND-START), var(--PNS-BACKGROUND-END));
  background: linear-gradient(180deg, var(--PNS-BACKGROUND-START), var(--PNS-BACKGROUND-END));
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  color: var(--PNS-TEXT-ACCENT);
  text-shadow: 0px 0px 1px var(--PNS-TEXT-SHADOW-ACCENT);
  border: solid 1px var(--PNS-BORDER-ACCENT);
  background: var(--PNS-BACKGROUND-END-ACCENT);
}
.glossy.wp-pagenavi a:hover,
.glossy.wp-pagenavi span.current {
  background: -webkit-linear-gradient(180deg, var(--PNS-BACKGROUND-START-ACCENT), var(--PNS-BACKGROUND-END-ACCENT));
  background: -moz-linear-gradient(180deg, var(--PNS-BACKGROUND-START-ACCENT), var(--PNS-BACKGROUND-END-ACCENT));
  background: linear-gradient(180deg, var(--PNS-BACKGROUND-START-ACCENT), var(--PNS-BACKGROUND-END-ACCENT));
}