Pagination

/* @pagination */
.pagination {
  margin: 0;
  padding: $base-spacing;
  list-style: none;
  text-align: center;

  &__item {
    display: inline-block;
    text-align: center;
    width: 39px;
    height: 39px;
    vertical-align: middle;

    .current {
      //@include pulse;
      position: relative;

      &::before,
      &::after {
        position: absolute;
        top: 50%;
        left: 50%;
        border: 1px solid $soft-blue;
        border-radius: 50%;
        content: "";
        display: block;
        box-sizing: border-box;
      }

      &::before {
        width: 27px;
        height: 27px;
        margin-left: -13.5px;
        margin-top: -13.5px;
      }

      &::after {
        width: 39px;
        height: 39px;
        margin-left: -19.5px;
        margin-top: -19.5px;
        border: 1px solid lighten($soft-blue, 20%);
      }
    }

    &__link {
      font-size: $small-font;
      display: block;
      padding-top: 8px;

      @include themify($themes) {
        font-family: themed('headingFont');
        color: themed('ctaGradient');
        font-weight: 900;
        line-height: 1.86;
      }
    }
  }

  &__icon {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkNhbHF1ZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiPgogIDxwYXRoIGQ9Ik00LjgyLjkybC0xLjkyLjU5TC45OC45MmwtLjY3LjlMMi40IDVoMWwyLjEtMy4xOC0uNjgtLjl6IiBzdHJva2U9IiMwZjgwZWUiIGZpbGw9IiMwZjgwZWUiIC8+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px 10px;
    transition: $transition-basic;
    display: block;

    &--prev {
      transform: rotate(90deg);
    }

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