.c-footer-menu {
    display: flex;
    padding: 0;
    flex-direction: column;

    @screen md {
        flex-direction: row;

        li {
            padding-right: 2rem;
        }
    }
}

.c-footer-menu__item {
    display: flex;
    align-items: center;
}

.c-footer-menu__link {
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: white;
    text-decoration: none;
    padding-top: .25rem;
    transition: $transition-time ease-in-out;

    &:hover,
    &:focus {
        color: theme('colors.primary.800');
    }
}

.c-footer-menu__icon {
    margin: 0 .25rem .25rem 0;
}
