.pages-nav ul {
  list-style: none;
  padding: 0;
  margin: 0 -1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(350px, 70%), 1fr));
}

.pages-nav ul > li {
  position: relative;
  padding: 0.5rem;
}
.pages-nav ul > li a {
  padding: 1rem 1.4rem;
}

.pages-nav ul > li a::after {
  content: "";
  position: absolute;
  right: 3px;
  height: calc(90% - 0.25rem);
  background: #1d305b;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  border-radius: 0 50px 50px 0;
}

.pages-nav a {
  display: block;
  color: var(--text);
  font-size: 1.4rem;
  border: none;
  padding: 2px;
  background-color: #ffffff;
  border-radius: 18px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pages-nav li a {
  position: relative;
  display: flex;
}
.pages-nav li a .fa-external-link {
  color: var(--prime7);
  font-size: 0.8rem;
  margin-top: 5px;
  position: absolute;
  left: 0.5rem;
}
.pages-nav li a:hover {
  border-color: #a0a0a0;
  box-shadow: 0 0 9px rgba(172, 172, 172, 0.2);
  .arrow {
    inset-inline-end: 9px;
    color: #a0a0a0;
  }
}
.pages-nav a .icon {
  position: relative;
  border-radius: 0 15px 15px 0;
  padding: 0;
  width: 22px;
}
.pages-nav a > span {
  display: table-cell;
  vertical-align: middle;
  padding: 1.1rem 0.75rem;
  width: 98%;

  @media (max-width: 387px) {
    white-space: normal;
    overflow: hidden;
    text-overflow: initial;
  }
}

/* END OF GRID */

.rich-content ul {
  list-style-type: inherit;
  padding-right: 20px;
}