.pagy {
  display: flex;
}

/* all links (including gaps) */
.pagy a {
  display: block;
  text-decoration: none;
  padding-block: 8px;
  padding-inline: 16px;
  border: 1px solid var(--color-black-opacity-20);
}

/* first link (left arrow) */
.pagy a:first-child {
  border-radius: 6px 0 0 6px;
}

/* last link (right arrow) */
.pagy a:last-child {
  border-radius: 0 6px 6px 0;
}

.pagy a[href]:hover { /* all links on hover */
  background-color: var(--color-subtle-light);
}

.pagy a:not([href]) { /* all but links */
  cursor: default;
}

.pagy a[role="link"]:not([aria-current]) { /* disabled links */
  opacity: .6;
}

.pagy a[aria-current] {  /* current page */
  background-color: var(--color-blue);
  color: var(--color-white);
}