.pagy.series-nav{
  a{
    display: inline-block;
    padding: 0.5em 0.75em;
    margin: 0.25em;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #333;

    &:hover{
      background-color: var(--color-primary);
      color: white;
    }

    &:disabled, &[aria-disabled]{
      background-color: #eee;
      color: #999;
      cursor: not-allowed;
    }

    &[aria-current="page"]{
      background-color: var(--color-primary);
      color: white;
      font-weight: bold;
    }
  }
}