.chapter-navigation {
  color: returnColorCSSVar('text-brand-secondary');
  padding: 25px 0;

  &--is-sticky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 2;
  }
}

.chapter-navigation__wrapper {
  display: flex;
  justify-content: space-between;
}

.chapter-navigation__pagination {
  display: inline-flex;
}

.chapter-navigation__pagination-link {
  align-items: center;
  color: returnColorCSSVar('brand-secondary');
  display: inline-flex;
  padding: 0 20px;

  .icon {
    vertical-align: text-bottom;
  }

  &:hover {
    color: returnColorCSSVar('brand-secondary-tint-80');

    .icon {
      color: returnColorCSSVar('brand-secondary-tint-80');
    }
  }
}

.chapter-navigation__pagination-divider {
  background-color: returnColorCSSVar('gray-20');
  height: 100%;
  width: 1px;
}