.link-list {
    display:flex;
    flex-direction: column;
    row-gap: var(--fluid-10);
}

.link-list a.link-list-item {
    display: block;
}

.link-list.horizontal-spacer, .link-list.horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--fluid-20);
}

.link-list.horizontal-spacer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 0;
    flex-wrap: wrap;
}

.link-list.horizontal-spacer > a:not(:last-child):after {
    content:'|';
    margin:0 var(--fluid-15);
}