.share {
  width: 100%;
  height: 8.6rem;
  margin: 60px auto;
  /*-webkit-filter: url("#goo");
  filter: url("#goo");*/
  position: relative;
}

.share-button,
.share-toggle-button {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	
	width: 8.6rem;
	height: 8.6rem;
	line-height: 8.6rem;
	
	border-radius: 50%;
	
	margin-left: -4.3rem;
	margin-top: -4.3rem;
	
	overflow: hidden;
	cursor:pointer;
	
	border: none;
	outline:none;
	background:transparent;
}

.share-toggle-button {
	z-index: 10;
}

.share-items {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.share-item {
	display: inline-block;
	cursor:pointer;
}

.share-icon{
	display: block;
	width: 100%;
	height: 100%;

	border-radius: 50%;
		
	background: #595f3e;
	text-align: center;
	
	font-size: 3rem;
	
	color: #fff;
	border: none;
	outline: none;
	
	overflow:hidden;
	cursor:pointer;
	
	z-index: 9;
}
.share-icon:before{
	display: inline-block;
	vertical-align: top;
		
	padding-top: 2.7rem;
}

.share-toggle-button .share-icon{
	font-size: 3.7rem;
}
.share-toggle-button .share-icon:before{
	padding-top: 2.2rem;
}

.share-toggle-button.open .share-icon{
	font-size: 3rem;
}
.share-toggle-button.open .share-icon:before{
	padding-top: 2.7rem;
}


.share-button .share-icon:hover,
.share-toggle-button .share-icon:hover {
  color: #fff;
  background: #1d1d1b;
}