.footer {
    @extend .container;
    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 {
        @include make-xs-column(5);
    }

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

    &-right {
        text-align: right;
    }

    // Top button
    &-button-top {
        @extend .center-block;
        @extend .button;
        @extend .button-round;
        @include button-variant($footer-link-color, white, white);

        font-size: 1.5em;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
    }
}