.wp-block-buttons.is-style-page-navigation {
  position: sticky;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 80px);
  justify-self: center;
  width: -webkit-fill-available;
  padding-block: var(--wp--preset--spacing--20);
  background-color: var(--wp--preset--color--base);
  box-shadow: 100vw 0 0 var(--wp--preset--color--base);
  transition: all var(--vlip--speed--fast) ease-in-out;
  z-index: 100;
}
@media screen and (min-width: 960px) {
  .wp-block-buttons.is-style-page-navigation {
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 88px);
  }
}
.wp-block-buttons.is-style-page-navigation::-webkit-scrollbar {
  display: none;
}
.wp-block-buttons.is-style-page-navigation::before, .wp-block-buttons.is-style-page-navigation::after {
  content: "";
  position: absolute;
  top: 0;
  width: var(--wp--style--root--padding-right);
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.wp-block-buttons.is-style-page-navigation::before {
  left: calc(var(--wp--style--root--padding-left) * -1);
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.wp-block-buttons.is-style-page-navigation::after {
  right: calc(var(--wp--style--root--padding-right) * -1);
  background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.wp-block-buttons.is-style-page-navigation .page-navigation-wrapper {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: inherit;
  max-width: var(--wp--style--global--wide-size);
  margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
  margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.wp-block-buttons.is-style-page-navigation .page-navigation-wrapper .wp-block-button__link {
  white-space: nowrap;
}

header.headroom.headroom--unpinned + main .wp-block-buttons.is-style-page-navigation {
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 4px);
}
@media screen and (min-width: 960px) {
  header.headroom.headroom--unpinned + main .wp-block-buttons.is-style-page-navigation {
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 4px);
  }
}