.footer {
    &:extend(.container all);
    display: flex;
    align-items: center;
    min-height: @footer-height;

    a {
        color: @footer-link-color;
        font-weight: 700;
        &:hover,
        &:active {
            color: @footer-link-hover-color;
        }
    }

    &-left,
    &-right {
        .make-xs-column(5);
    }

    &-middle {
        .make-xs-column(2);
    }

    &-right {
        text-align: right;
    }

    // Top button
    &-button-top {
        &:extend(.center-block);
        &:extend(.button);
        &:extend(.button-round);
        font-size: 1.5em;

        .button-variant(@footer-link-color, white, white);

        box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
    }
}