.pages-holder {
  text-align: center;
}
.pages-holder .item {
  width: 180px;
  height: 180px;
  padding: 10px;
  margin: 10px;
  border: 1px solid var(--clr_primary_bg);
  background: #ddd;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}
.pages-holder .item:hover {
  color: #000;
  background: #eee;
}
.pages-holder .item .title {
  font-size: 140%;
  color: var(--clr_primary_bg);
  font-variant: small-caps;
}
.pages-holder .item .icon {
  filter: var(--clr_primary_svg_filter);
  width: 70px;
  height: 70px;
}
.pages-holder .item:hover .icon {
  filter: var(--clr_secondary_svg_filter);
}
.pages-holder .item .description {
  width: 100%;
  font-size: 90%;
}