@charset "UTF-8";
ul.sharebutton li a {
    display: block;
    width: 100px;
    color: transparent;
    vertical-align: middle;
    padding: 8px 0;
    overflow: hidden;
}
ul.sharebutton li:hover  a{
    color: #fff;
}
.sharebutton li {
    width: 38px;
    height: 38px;
    margin: 0.2em 0;
    transition: width .3s;
}
.sharebutton li:hover {
    width: 100px;
}
.sharebutton li a:before {
    font: 20px "social";
    color: #fff;
    position: relative;
    padding: 9px;
    vertical-align: middle;
}
.sharebutton li.sharebutton_sorosh {background: #1b617a;}
.sharebutton li.sharebutton_whatsapp {background: #2cb742;}
.sharebutton li.sharebutton_telegram {background: #269dd8;}
.sharebutton li.sharebutton_linkedin {background: #007bb6;}
.sharebutton li.sharebutton_twitter {background: #2daae1;}
.sharebutton li.sharebutton_facebook {background: #3c5a99;}
.sharebutton li.sharebutton_email {background: #dd5347;}
.sharebutton li [href*="t.me"]:before, .sharebutton li [href*="telegram.me"]:before {
    content: "";
}
.sharebutton li [href*="whatsapp.com"]:before, .sharebutton li [href*="api.whatsapp.com"]:before  {
    content: "";
}
.sharebutton li [href*="sapp.ir"]:before {
    content: "";
}
.sharebutton li [href*="linkedin.com"]:before {
    content: ""; }
.sharebutton li [href*="twitter.com"]:before {
    content: ""; }
.sharebutton li [href*="facebook.com"]:before {
    content: ""; }
.sharebutton li [href*="mailto"]:before {
    content: "\e980";
    font-size: 30px;
    padding: 4px;}
li.sharebutton_email a {
    padding: 4px 0 !important;
}