#paginator {
    display: flex;
}

.l-pagination {
  display: flex;
  align-content: center;
  margin: 40px auto 40px auto;

  ul {
    display: flex;
    margin: 0;
    padding: 0;
    align-content: center;
    list-style: none;

    li {
      margin: 0 5px;
      font-weight: $regular;
      @include font-size(18px);
      line-height: 150%;
      text-align: center;
      color: #474747;

      &.is-active {
        a {
          color: #ffffff;
          background-color: #083F4D;
          border-radius: 50%;
        }
      }

      a {
        text-align: center;
        line-height: 35px;
        display: block;
        width: 35px;
        height: 35px;
      }
    }
  }
}

.l-pagination__arrow {
  display: flex;
  align-content: center;
  @include font-size(10px);
  margin: 0 20px;

  .icon {
    display: flex;
    align-content: center;
    line-height: 35px;
  }
}