.footer-nav {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 5px 0;

    &__wrapper {
        display: flex;
        flex-direction: column;
        gap: 50px 0;

        @include breakpoint(md) {
            flex-direction: row;
            gap: 0 70px;
        }
    }

    &__item {
        text-align: center;

        @include breakpoint(md) {
            text-align: left;
        }
    }

    &__link {
        @extend %base-styles-text-xs;

        color: var(--rocket-color-white-base);
        line-height: 1.7;

        &:is(a) {
            text-decoration: underline;

            @include event {
                text-decoration: none;
            }
        }
    }
}