.prevnext {
  clear: both;
  margin-bottom: 1.125em;
  margin-top: 3em;
  overflow: auto;
  display: flex;
  justify-content: space-between;
  border-top: 2px solid color(monochrome-bluesky-07);

  li,
  a {
    display: inline-block;
  }
  a {
    color: color(monochrome-bluesky-10);
    padding: 0.125em 0.65em;

    &:hover {
      color: color(red-12);
      box-shadow: none !important;
      svg {
        fill: color(red-12);
      }
    }
  }

}

// .page-type-index .prevnext {
//   padding-left: 2rem;
//   padding-right: 2rem;
// }

.prevnext h5 {
  // font-family: AvenirNextCondensed-Regular, Corbel, "Lucida Grande", "Trebuchet Ms", "Segoe Ui", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", sans-serif;
  // width: 50%;
  font-size: 1em;
  font-weight: normal;
  margin: 0;

  @include mq($from: desktop) {
    width: 50%;
  }
}
.prevnext .prevnext_left {
  @include mq($from: desktop) {
    float: left;
  }
}
.prevnext .prevnext_right {
  @include mq($from: desktop) {
    float: right;
  }
}


.prevnext .prevnext_right,
.prevnext h5:nth-of-type(2) {
  text-align: right;
}

.prevnext {
  h5 a {
    position: relative;
    display: flex;
    align-items: center;
    padding: .75em 0;
    text-decoration: none;
    transition: color .3s;
    border-bottom: none;
    box-shadow: none !important;
  }
  .prevnext_right a {
    justify-content: flex-end;
  }
  span {
    display: inline-block;
  }
  .icon {
    vertical-align: middle;
    @include mq($until: phablet) {
      width: 0.75rem;
      height: 0.75rem;
    }
    @include mq($from: phablet) {
      padding-top: 1px;
    }
    @include mq($from: desktop) {
      padding-top: 2px;
    }
  }
  .icon-arrow-left {
    margin-right: .5em;
  }
  .icon-arrow-right {
    margin-left: .5em;
  }
}
