@import "./colors";
.pager {
    text-align: center;
    margin-top: 20px;

    .pager__items {
      list-style: none;
      padding: 0;
      display: inline-block;

      .pager__item {
        display: inline-block;
        margin: 0 4px;

        a {
          text-decoration: none;
          padding: 5px 10px;
          color: $blue-primary;
          border-radius: 4px;
          transition: background-color 0.3s, color 0.3s;

          &:hover {
            background-color: $blue-primary;
            color: #fff;
          }

          &[aria-current="page"] {
            background-color: $blue-primary;
            color: #fff;
            pointer-events: none;
          }
        }

      }
      .pager__item--next,.pager__item--first, .pager__item--previous, .pager__item--last{
        display: none;
      }

    }
  }
