.sharrre-widget{
        float: left;
        cursor: pointer;
        margin-top: 10px;
}
.sharrre .box{
        background: #6f838c;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#6f838c,0),color-stop(#4d5e66,1));
        background: -webkit-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
        background: -moz-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
        background: -o-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
        background: linear-gradient(top, #6f838c 0%, #4d5e66 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f838c', endColorstr='#4d5e66',GradientType=0 );
        -webkit-box-shadow: 0 1px 1px #d3d3d3;
        -moz-box-shadow: 0 1px 1px #d3d3d3;
        box-shadow: 0 1px 1px #d3d3d3;
        height: 32px;
        display: inline-block;
        position: relative;
        padding: 0px 55px 0 12px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 14px;
        float: left;
        clear: both;
        overflow: hidden;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.sharrre .left{
        line-height: 32px;
        display: block;
        white-space: nowrap;
        text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
        color: #FFF;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
}
.sharrre .middle{
        position: absolute;
        height: 32px;
        top: 0px;
        right: 30px;
        width: 0px;
        background: #63707e;
        text-shadow: 0px -1px 1px #363f49;
        color: #fff;
        white-space: nowrap;
        text-align: left;
        overflow: hidden;
        -webkit-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
        -moz-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
        box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
        -webkit-transition: width 0.3s linear;
        -moz-transition: width 0.3s linear;
        -o-transition: width 0.3s linear;
        transition: width 0.3s linear;
}
.sharrre .middle a{
        color: #fff;
        font-weight: bold;
        padding: 0 9px 0 9px;
        text-align: center;
        float: left;
        width: 32px;
        height: 32px;
        line-height: 32px;
        background: transparent url(../images/footer/facebook-100-white.svg) center center no-repeat;
        background-size: 22px 12px;
        -webkit-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
        -moz-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
        box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
        outline: 0;
}
.sharrre .middle a.sharrre-facebook{
        background-image: url(../images/footer/facebook-100-white.svg);
        background-size: 10px 18px;
}
.sharrre .middle a.sharrre-twitter{
        background-image: url(../images/footer/twitter-100-white.svg);
        background-size: 17px 14px;
}
.sharrre .middle a.sharrre-googleplus{
        background-image: url(../images/footer/google-plus-100-white.svg);
        background-size: 19px 16px;
}
.sharrre .middle a.sharrre-linkedin{
        background-image: url(../images/footer/linked-in-100-white.svg);
        background-size: 16px 16px;
}


.sharrre .right{
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 45px;
        text-align: center;
        line-height: 32px;
        color: #4b5d61;
        background: #f1faf9;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(#f1faf9,0),color-stop(#bacfd2,1));
        background: -webkit-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
        background: -moz-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
        background: -o-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
        background: linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
        filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1faf9', endColorstr='#bacfd2',GradientType=0 );
}
.sharrre .box:hover{
        padding-right: 199px;
}
.sharrre .middle a:hover{
        text-decoration: none;
}
.sharrre .box:hover .middle{
        width: 146px;
}