.menu-footer {
    /* \00a0 is white space character in Unicode */
    --items-separator: "\00a0 •";
    display: flex;
    flex-wrap: wrap;
    /* align verticaly with other footer's content */
    align-items: center;
}

.menu-footer > li:not(:first-child)::before {
    content: var(--items-separator, "\00a0 •");
}

.menu-footer a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 5px;
    transition: text-decoration-color 0.3s;
}

.menu-footer a:is(:focus-visible, :hover) {
    text-decoration-color: currentColor;
}

@media (min-width: 768px) and (max-width: 1299px) {
    .menu-footer {
        flex-direction: column;
        flex-wrap: initial;
        align-items: flex-start;
    }

    .menu-footer > li:not(:first-child)::before {
        display: none;
    }
}

@media (min-width: 1300px) {
    .menu-footer {
        /* Align vertically text with other footer elements */
        height: 2.25rem;
        align-items: center;
    }
}