.footer-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-4);
}

@media (max-width: 639px) {
    .footer-nav {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 0;

        & > :first-child {
            justify-self: start;
        }

        & > :nth-child(2) {
            justify-self: center;
        }

        & > :last-child {
            justify-self: end;
        }
    }
}