.pagination {
  margin-bottom: 0;

  li {
    cursor: pointer;
    a {
      padding: 8px 12px;
      height: 100%;
      font-size: medium;
      @media screen {
        padding: 6px 9px;
      }
    }
    &:not(.active):hover {
      a {
        background: gray;
      }
    }
  }
  .active {
    // cursor: none;
    a {
      background: $primary;
      color: white;
    }
  }
  .pages {
  }
  .break-me {
  }
}

.pagination-lg {
  li {
    a {
      font-size: large;
      padding: 20px 30px !important;
      height: 100%;
      @media screen {
        padding: 9px 12px !important;
      }
    }
  }
}

.pagination-sm {
  li {
    a {
      font-size: small;
      padding: 4px 6px;
      height: 100%;
    }
  }
}

// ratio anchor padding 2:3
