.pagination {
  display: inline-block; }

.hidden, .prev, .next, .icon {
  display: inline-block;
  stroke: #FFFFFF;
  fill: #3CAFDA;
  vertical-align: middle;
  margin: 0.25rem;
  opacity: 1;
  transition: opacity 500ms; }

.hidden {
  opacity: 0; }

.prev {
  transform: rotate(90deg); }

.next {
  transform: rotate(-90deg); }

.active, .link {
  font-size: 1rem;
  display: inline-block;
  text-decoration: none;
  margin: 0 1.5rem;
  color: #354042; }
  .active:hover, .link:hover {
    color: #3CAFDA;
    cursor: pointer; }

.active {
  color: #CED4DA;
  font-size: %nio-pagination__link--active; }
  .active :hover {
    color: #CED4DA; }