/**
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item active"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
  </ul>
 */

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;

  & .page {
    list-style: none;

    &-item {
      display: list-item;
      text-align: -webkit-match-parent;
      border: 1px solid #bb9b6d;
      border-radius: 19px;
      padding: 7px 15px;
      margin-left: 10px;

      &.active {
        background: #E4BC96;
        border-color: #E4BC96;
      }

    }
    &-link {
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 100%;
      color: #1a1a1c;
      text-decoration: none;
    }
  }
  &:last-child {
    margin-top: 1rem;
  }
}