/* Reference: http://www.sanwebe.com/2014/02/css3-buttons-examples-with-effects-animations */
.buttonHolder{margin-right:30px;width:5px;float:right;}
.button{
	background-image:-webkit-linear-gradient(top, #f4f1ee, #fff);
	background-image:linear-gradient(top, #f4f1ee, #fff);
	border-radius:50%;
	box-shadow:0px 8px 10px 0px rgba(0,0,0,.3),inset 0px 4px 1px 1px white,inset 0px -3px 1px 1px rgba(204,198,197,.5);
	float:left;
	height:40px;
	margin:-3px 20px -3px 0px;
	position:relative;
	width:40px;			
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
	transform:scale(0.5,0.5);
	}
.button:after{
	color:#806273;content:"";
	display:block;font-size:30px;
	height:30px;text-decoration:none;
	text-shadow:0px -1px 1px #bdb5b4,1px 1px 1px white;
	position: absolute;width:30px;
}
.heart:after{content:"❤";left:21px;top:21px;}
.flower:after{content:"✿";left:23px;top:19px;}
.tick:after{content:"✔";left:23px;top:20px;}
.cross:after{
	content:"▲"; /* "✖" */
	left:5px;top:9px;
}
.button:hover{
	background-image:-webkit-linear-gradient(top,#fff,#f4f1ee);
	background-image:linear-gradient(top,#fff,#f4f1ee);
	color:#0088cc;
}
.heart:hover:after{color:#f94e66;text-shadow:0px 0px 6px #f94e66;}
.flower:hover:after{color:#f99e4e;text-shadow:0px 0px 6px #f99e4e;}
.tick:hover:after{color:#83d244;text-shadow:0px 0px 6px #83d244;}
.cross:hover:after{color:#eb2f2f;text-shadow:0px 0px 6px #eb2f2f;}		
.button:active{
	background-image: -webkit-linear-gradient(top, #efedec, #f7f4f4);
	background-image: linear-gradient(top, #efedec, #f7f4f4);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
}
.button:active:after{color:#dbd2d2;text-shadow:0px -1px 1px #bdb5b4,0px 1px 1px white;}

@media only screen and (max-width: 767px) {
.button{	margin:-10px 20px -10px 0px;}
}
@media only screen and (max-width: 479px) {
.buttonHolder{margin-right:26px;width:5px;}
.button{	margin:-10px 20px -13px 0px;}}