.share-icon{
             color: lighten($gray-base, 73.5%);
            font-size: 17px !important;
            position: absolute;
            right: 5px;
            cursor: pointer;
.banner-share { 
    background: rgba(31,35,31,0.85);
    padding: 1px;
    position: absolute;
    left: -7px; 
    top: 50px;
    opacity: 0;
    visibility: hidden;
    transition-delay: 0.5s;
    @include transition (all 0.5s);
    z-index: 100;
  span,b{
    text-indent: -999px;
    float: left;
    overflow: hidden;
    margin: 1px;
    font-size: 0;
      a{
            width: 100%;
            height: 100%;
            display: block;
      }
  }
        &:after{
            width: 0; 
            height: 0; 
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            content:" ";
            border-bottom: 10px solid rgba(31,35,31,0.85);
            position: absolute;
            top: -10px;
            right: 8px;
        }
}
    &:hover{
        .banner-share {
            opacity: 1;
            visibility: visible;
            top: 32px; 
            transition-delay: 0.0s;
            @include transition (all 0.5s);    
        }
    }
}