// pagination
.inspect-pagination {
  ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
    @include from-md {
      gap: 8px;
    }
    li {
      margin-bottom: 0;
      a,
      span {
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #dfdfdf;
        color: #000000;
        font-size: 14px;
        font-weight: normal;
        border-radius: 6px;
        vertical-align: middle;
        text-decoration: none;
        &:hover {
          background-color: #000000;
          color: #ffffff;
        }
        @include from-lg {
          width: 40px;
          height: 40px;
        }
        &.current {
          background-color: #000000;
          color: #ffffff;
        }
      }
    }
  }
}