.share-this-popover{
  max-width:8em;
  pointer-events:none;
  -webkit-filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));
  -webkit-animation:a .3s;
  animation:a .3s
}
.share-this-popover:before{
  content:"";
  position:absolute;
  bottom:101%;
  left:50%;
  width:0;
  height:0;
  margin:-1px -.5em .25em -.5em;
  border-width:.5em .5em 0;
  border-style:solid;
  border-color:#333 transparent
}
.share-this-popover>ul{
  line-height:1;
  pointer-events:auto;
  list-style:none;
  padding:0 .2em;
  margin:-.75em 0 0;
  white-space:nowrap;
  background:#333;
  color:#fff;
  border-radius:.5em;
  position:absolute;
  left:50%;
  -webkit-transform:translate(-50%,-100%);
  -ms-transform:translate(-50%,-100%);
  transform:translate(-50%,-100%)
}
.share-this-popover>ul>li{
  display:inline-block;
  width:2em;
  height:2em;
  line-height:2em;
  text-align:center
}
.share-this-popover>ul>li>a{
  display:inline-block;
  width:100%;
  height:100%;
  color:inherit;
  box-sizing:border-box;
  padding: .35em;
  line-height: 1.1;
}
.share-this-popover>ul>li>a:focus,.share-this-popover>ul>li>a:hover{
  /*background:hsla(0,0%,100%,.25)*/
  color: #A3A3A3;
}
@media (pointer:coarse){
  .share-this-popover{
      font-size:150%
  }
  .share-this-popover:before{
      bottom:auto;
      top:100%;
      border-width:0 .5em .5em;
      margin-top:0
  }
  .share-this-popover>ul{
      top:100%;
      transform:translateX(-50%);
      margin:.5em 0 0
  }
}
@-webkit-keyframes a{
  0%{
      -webkit-transform:translateY(-3em);
      opacity:0
  }
  80%{
      -webkit-transform:translateY(.5em);
      opacity:1
  }
  to{
      -webkit-transform:translateY(0)
  }
}
@keyframes a{
  0%{
      transform:translateY(-3em);
      opacity:0
  }
  80%{
      transform:translateY(.5em);
      opacity:1
  }
  to{
      transform:translateY(0)
  }
}