@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

/**:after, *:before {*/
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
/*}*/

.social-share-btns-container {
    overflow: hidden;
    font-size: 0;
    display: grid;
    top: 50%;
    margin: 0px;
    text-align: right!important;
    /*width: 100%;*/
}

.social-share-btns {
    display: inline-block;
    overflow: hidden;
}
.social-share-btns .share-btn {
    float: left;
    margin: 0 1px;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    line-height: 10px;
    vertical-align: middle;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
.social-share-btns .share-btn i {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}

.share-btn {
    background-color: #95a5a6;
}

.share-btn-twitter {
    background-color: #00aced;
}
.share-btn-twitter:hover {
    background-color: #0087ba;
}
.share-btn-favorite {
    background-color: #e91e63;
}

.share-btn-facebook {
    background-color: #3b5998;
}
.share-btn-facebook:hover {
    background-color: #2d4373;
}

.share-btn-linkedin {
    background-color: #007bb6;
}
.share-btn-linkedin:hover {
    background-color: #005983;
}

.share-btn-reddit {
    background-color: #ED001C;
}
.share-btn-reddit:hover {
    background-color: #ba0016;
}

.share-btn-mail {
    background-color: #f1c40f;
}
.add-to-favorite.add{
    background-color: #e91e6300;
    border: 1px solid #e91e63b0;
    color: #e91e63;
}
.social-share-btns .share-btn-question {
    border: 1px solid var(--primary);
    color: var(--primary);
    background-color: white;
}
.social-share-btns .share-btn.share-btn-question:hover {
    background-color: var(--primary);
    color: white;
}
.social-share-btns .share-btn-question i {
    margin: 3px;
}
@media only screen and (min-width: 767px) {
    .share-btn:hover {
        background-color: #798d8f;
    }
    .share-btn-favorite:hover {
        background-color: #a91f4d;
    }
    .add-to-favorite.add:hover{
        background-color: #e91e63!important;
        color: white!important;
    }
    .share-btn-mail:hover {
        background-color: #dab10d;
    }
}
.share-btn-favorite>i{
    margin: 3px;
}
.share-btn-favorite.added>i{
    margin: 4px;
}
@media only screen and (max-width: 767px) {
.social-share-btns .share-btn{
    padding: 5px 10px 5px 10px;
}
.social-share-btns .share-btn.share-btn i{
    margin-top: 3px;
}
    .social-share-btns{
        display: flex;
    }
}
.social-share-btns .share-btn-line {
    border: 1px solid var(--green);
    color: var(--green);
    background-color: white;
}
.social-share-btns .share-btn.share-btn-line:hover {
    background-color: var(--green);
    color: white;
}
.social-share-btns .share-btn-line i {
    margin: 3px;
}