.vh-social-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    &:hover {
        box-shadow: 0 10px 15px rgba($dark, .2);
    }
    &--sm {
        width: 45px;
        height: 45px;
        line-height: 45px;
        border-radius: 50%;
        font-size: 24px;
    }
    &--lg {
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 50%;
        font-size: 34px;
    }
    &--fb {
        background: $fb;
        color: $white;
        &:hover {
            color: $white;
        }
    }
    &--youtube {
        background: $youtube;
        color: $white;
        &:hover {
            color: $white;
        }
    }
    &--tw {
        background: $tw;
        color: $white;
        &:hover {
            color: $white;
        }
    }
    &--pin {
        background: $pin;
        color: $white;
        &:hover {
            color: $white;
        }
    }
}