.table-of-content {
  display: flex;
  flex-direction: column;
  max-width: 547px;
  align-self: center;
  padding: 2rem 4rem;
  gap: 1.5rem;
  background-color: var(--color-brand--5);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -2.5rem;
  margin-bottom: 2rem;
}
.table-of-content .view-title h3 {
  margin: 0;
}
.table-of-content li,
.table-of-content li a {
  color: var(--color-brand--1);
}
.table-of-content li a {
  font-weight: var(--fw-demi);;
  line-height: 130%;
}
.table-of-content .view-title p {
  font-weight: var(--fw-medium);
  line-height: 1.381rem;
  font-size: var(--heading-size-s);
  font-family: var(--font-primary);
  margin: 0;
}