.#{$prefix}-social-icon{ 
    @extend %reset-ul;
    display: flex;
    flex-wrap: wrap;
    a{
        display: inline-block;
        text-decoration: none;
        font-size: 22px;
        width: 40px;
        height: 35px;
        line-height: 35px;
        text-align: center;
    }    
    &.#{$prefix}-social-icon-with-bg{
        a{
            color: $color_white;
            &:hover{
                opacity: 0.63;
                color: $color_white;
            }
        }
        .blook-facebook{
            background-color: $facebook;
        }
        .blook-twitter{
            background-color: $twitter;
        }
        .blook-linkedin{
            background-color: $linkedin;
        }
        .blook-instagram{
            background-color: $instagram;
        }
        .blook-youtube{
            background-color: $youtube;
        }
        .blook-telegram{
            background-color: $telegram;
            i{
                @include transform(rotate(-45deg));
            }
        }
        .blook-pinterest{
            background-color: $pinterest;
        }
    }
}