@import 'variables';

.footer {
    margin-top: $spacer;
    margin-bottom: $spacer;
    font-size: $font-size-small;
    text-align: center;

    a {
        font-family: $font-family-button;
        font-weight: $font-weight-bold;
        text-transform: uppercase;
        color: $brand-grey-light;
        margin: 0 $spacer / 2;

        &:hover,
        &:focus {
            color: $brand-pink;
        }

        svg {
            display: inline-block;
            margin-right: $spacer / 10;
            margin-bottom: -1px;
            fill: $brand-grey-light;
        }
    }
}

.active {
    color: $brand-pink !important; // stylelint-disable-line declaration-no-important
}