* {
	margin : 0px;
	padding : 0px;
	box-sizing : border-box;
}

body{
	width:100%;
	height:100%;	
}
.content{
	width: 100%;
	height: 100%;
}

.PPHFooterDescription .button{
	width: 56px;
	height: 56px;
	float: left;
	border-radius: 50px;
	margin: 0 12px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 4px 4px rgba(0,0,0,0.15);
	transition: all .3s ease-in-out;
	
}

.PPHFooterDescription .button:hover{
	width: 160px;
	background-color:white;
	color: #00b3be;
}
.PPHFooterDescription .button:hover i{
	width: 160px;
	background-color:white;
	color: #00b3be;
}



.button .s-icon{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	flex-wrap: wrap;
	width:56px;
	height:56px;
	border-radius:50%;
	text-align:center;
	transition: all .3s ease-in-out;
}


.button .s-icon{
	font-size:24px;
} 

.button span{
	font-size: 18px;
	font-weight:600;
	
}