.help-button-wrapper{
	width:100%;
	text-align: center;
}
.help-button{
	text-decoration: none;
	color: inherit;
	padding: 20px 40px;
	position: relative;
	height: 100px;
	margin: 0 auto;
	display: inline-block;
}
.help-button .image{
	background: url(/modules/HelpButton/public/front/img/help.png);
	background-size: cover;
	position: absolute;
	width: 140px;
	height: 140px;
	top: -9px;
	left: 4px;
	-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.help-button:hover .image{
	left: 80px;
	width: 36px;
	height: 36px;
	top: 55px;
	z-index: 1;
	/* padding-right: 2px; */
	/* color: #fff; */
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.help-button .label{
	background: #ffe164;
	border: 0;
	color: #464655;
	text-shadow: 0 -1px 0 #60606d;
	text-decoration: none;
	text-align: center;
	padding: 10px 40px;
	font-size: 16px;
	border-radius: 20px;
	box-shadow: 0 7px 18px -6px rgba(0, 0, 0, 0.32);
	margin: 35px 0 0 80px;
	display: inline-block;
	position: relative;
	-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.help-button:hover .label{
	background: #707487;
	text-shadow: 0 -1px 0 #3c8273;
	margin: 35px 0 0 35px;
	color: #fff;
	/* padding-left: 6px; */
}
.help-button .label:before{
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	background: #ff6464;
	bottom: -8px;
	left: 5%;
	-webkit-transition: all 400ms 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 400ms 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.help-button:hover .label:before{
	width:90%;
}