nav.pagy.nav,
nav[class*="pagy"],
nav[aria-label*="pagination"] {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  padding: 32px 0 !important;
}

nav.pagy.nav a,
nav[class*="pagy"] a,
nav[aria-label*="pagination"] a {
  min-width: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #DEE2E6 !important;
  border-radius: 6px !important;
  background: #FFFFFF !important;
  color: #6C757D !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: all 150ms ease !important;
  padding: 0 12px !important;
  cursor: pointer !important;
  margin: 0 !important;
}

nav.pagy.nav a:hover:not([aria-disabled="true"]):not(.current),
nav[class*="pagy"] a:hover:not([aria-disabled="true"]):not(.current),
nav[aria-label*="pagination"] a:hover:not([aria-disabled="true"]):not(.current) {
  border-color: #DEE2E6 !important;
  color: #212529 !important;
}

nav.pagy.nav a.current,
nav.pagy.nav a[aria-current="page"],
nav[class*="pagy"] a.current,
nav[class*="pagy"] a[aria-current="page"],
nav[aria-label*="pagination"] a.current,
nav[aria-label*="pagination"] a[aria-current="page"] {
  background: #40C57C !important;
  color: #FFFFFF !important;
  border-color: #40C57C !important;
  font-weight: 600 !important;
  cursor: default !important;
}

nav.pagy.nav a[aria-disabled="true"],
nav[class*="pagy"] a[aria-disabled="true"],
nav[aria-label*="pagination"] a[aria-disabled="true"] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

nav.pagy.nav a.gap,
nav[class*="pagy"] a.gap,
nav[aria-label*="pagination"] a.gap {
  border: none !important;
  background: transparent !important;
  cursor: default !important;
  padding: 0 8px !important;
}

nav.pagy.nav a.gap:hover,
nav[class*="pagy"] a.gap:hover,
nav[aria-label*="pagination"] a.gap:hover {
  background: transparent !important;
}

#pagination-wrapper > nav {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  padding: 32px 0 !important;
}

#pagination-wrapper > nav > a {
  min-width: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #DEE2E6 !important;
  border-radius: 6px !important;
  background: #FFFFFF !important;
  color: #6C757D !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: all 150ms ease !important;
  padding: 0 12px !important;
  cursor: pointer !important;
  margin: 0 !important;
}

#pagination-wrapper > nav > a:hover:not([aria-disabled="true"]):not(.current) {
  background: #F3F4F6 !important;
  border-color: #DEE2E6 !important;
  color: #212529 !important;
}

#pagination-wrapper > nav > a.current,
#pagination-wrapper > nav > a[aria-current="page"] {
  background: #40C57C !important;
  color: #FFFFFF !important;
  border-color: #40C57C !important;
  font-weight: 600 !important;
  cursor: default !important;
}

#pagination-wrapper > nav > a[aria-disabled="true"] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

#pagination-wrapper > nav > a.gap {
  border: none !important;
  background: transparent !important;
  cursor: default !important;
  padding: 0 8px !important;
}