.Fonts-item:not(:first-child) {
  margin-top: 3em;
}

.Fonts-button {
  color: inherit;
}

.Fonts-button::before {
  content: "The quick brown fox jumps over the lazy dog";
  font-family: var(--font-family);
  font-feature-settings: var(--font-feature-settings);
  font-kerning: var(--font-kerning);
  font-size-adjust: var(--font-size-adjust);
  font-size: var(--font-size);
  font-stretch: var(--font-stretch);
  font-style: var(--font-style);
  font-variant: var(--font-variant);
  font-variant-caps: var(--font-variant-caps);
  font-weight: var(--font-weight);
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height);
  text-shadow: var(--text-shadow);
  text-transform: var(--text-transform);
}

.Fonts-details {
  display: flex;
  padding: 0;
  list-style: none;
}

.Fonts-details > li:not(:last-child) {
  margin-inline-end: 0.5em;
  padding-inline-end: 0.5em;
  border-inline-end: 0.0625rem solid currentcolor;
}