/* Component: Footer Menu */
.footer-menu-separator {

    .footer-menu-list {
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: var(--spacing-sm);
        margin: 0;
        padding: 0;
        font-weight: var(--fw-thin);
        
    }

    .footer-menu-item a {
        text-decoration: none;
        color: var(--color-white);
        transition: color 0.3s ease;

        &:hover {
            color: var(--color-hover);
            text-decoration: underline;
        }
    }

    .footer-menu-separator-pipe {
        color: var(--color-white);
        user-select: none;
    }
}

@media (max-width: 480px) {
    .footer-menu-separator {
        .footer-menu-list {
            flex-direction: column;
            gap: var(--spacing-xs);
            .footer-menu-separator-pipe{
                display: none;
            }
        }
    }
}