// Footer

.footer {
    @extend .container;
    margin-top: 50px;

    &__disclaimer {
        color: $gray;
        margin-bottom: 10px;
        text-align: center;
        padding: 25px;
    }

    &__nav {
        border-bottom: 1px solid #ddd;
        padding: 25px;
    }
    
    &__nav-item {
        display: table;
        width: 250px;
        margin: auto;

        .icon {
            display: inline-block;
            margin: auto;
            display: table-cell;
            vertical-align: middle;
            margin: 20px;
            width: 36px;
            height: 36px;
            path {
                fill: #777;
            }
        }
         .link {
            display: table-cell;
            width: 100%;
            vertical-align: middle;
        }
    }
}

// Footer

.footer {
    @extend .container;
    margin-top: 50px;


    // Footer nav

    &__nav {
        border-bottom: 1px solid #ddd;
        padding: 25px;
    }
    
    &__nav-item {
        display: table;
        margin: auto;
        width: 250px;

        .icon {
            display: table-cell;
            margin: 20px;
            height: 36px;
            width: 36px;
            vertical-align: middle;

            path {
                fill: #777;
            }
        }

        .link {
            display: table-cell;
            width: 100%;
            vertical-align: middle;
        }
    }

    // Footer disclaimer
    
    &__disclaimer {
        color: $gray;
        margin-bottom: 10px;
        text-align: center;
        padding: 25px;
    }
}

Refactor sass for footer component
Refactor sass for footer component