/*
<ul class="social-share">
	<li class="facebook">
		<a class="link" href="#">facebook</a>
	</li>
    <li class="twitter has-counter">
		<a class="link" href="#">Tweet</a>
	</li>
</ul>
*/
.minimal-sharer {
  list-style: none;
  zoom: 1;
}
.minimal-sharer,
.minimal-sharer > * {
  margin: 0;
  padding: 0;
}
.minimal-sharer:after {
  content: "";
  display: block;
  clear: both;
}
.minimal-sharer li {
  /*float: left;*/
  margin: 3px 10px 0 0;
  font-size: 10px;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
}
.minimal-sharer .link {
  padding: 1px 3px;
  color: #000;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  line-height: 1;
  border: 2px solid #000;
  background: #FFF;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.minimal-sharer .link:hover {
  color: #666;
  border-color: #666;
}
.minimal-sharer .counter {
  position: relative;
  padding: 4px ;
  margin-left: 5px;
  color: #eee;
  line-height: 1;
  border: 1px solid #000;
  background: #000;
  cursor: default;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  width:30px;
  float: right;
}
.minimal-sharer .counter:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: -12px;
  margin-top: -6px;
  border: 6px solid transparent;
  border-right-color: #000;
}