.webring-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: var(--margin-vertical-base-horizontal-zero);

  & p {
    margin: 0;
  }

  & .webring-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);

    & a {
      display: flex;
    }
  }
}