.footer-icon {
    background-color: pink;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    .fa {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    &:hover, &:active, &:focus, &.active {
        background-color: #AD8BEF;
        .fa {
            color: white !important;
        }
    }
}