.container {
    height: var(--mobile-footer-height);

    @mixin light {
        border-top: solid gray 2px;
    }
    @mixin dark {
        border-top: solid var(--mantine-color-dark-7) 2px;
    }
}

.link {
    width: 100%;
    border-radius: var(--mantine-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    @mixin light {
        color: var(--mantine-color-gray-7);
    }
    @mixin dark {
        color: var(--mantine-color-dark-0);
    }

    &[data-active] {
        &,
        &:hover {
            color: var(--mantine-color-blue-light-color);
        }
    }
}
