.button {
	font-size:var(--buttonFontSize);
	line-height: var(--buttonLineHeight);
	border-radius: var(--radius);
	color:white;
	padding:var(--buttonPadding);
	transition: .2s;
	background: linear-gradient(270deg, var(--primaryColor), var(--primaryColor), #ffffff, var(--primaryColor), var(--primaryColor));
    background-size: 1000% 1000%;
    -webkit-animation: buttonAnimation 3s ease;
    -moz-animation: buttonAnimation 3s ease;
    animation: buttonAnimation 3s ease;
}
.button:hover {
	background: linear-gradient(270deg, var(--primaryColor), var(--primaryColor), #ffffff, var(--primaryColor), var(--primaryColor));
    background-size: 1000% 1000%;
    -webkit-animation: buttonAnimation2 2s ease;
    -moz-animation: buttonAnimation2 2s ease;
    animation: buttonAnimation2 2s ease;
    cursor: pointer;

}
.button i {
      display:inline-block;
      line-height: var(--buttonLineHeight);
      margin-left:var(--iconMargin);
 }
.button.outline {
	border:solid 1px;
	background-color:transparent;
	color:var(--primaryColor);
}
.button.outline:hover {
	background-color:var(--primaryColor);
	border-color:var(--primaryColor) !important;
}
.button:hover {
	color:white;
}

.button.evident {
	background-color:var(--evident);
}
.head {
	position: relative;
	z-index: 10;
}
.head h2 {
    font-size: 36px;
    line-height: 46px;
    color: var(--textColor);
    font-weight: 700;
}
.head article {
	font-weight: 400;
	font-size:20px;
	line-height: 20px;
	color:var(--primaryColor);
	margin-bottom:25px;
	font-family: var(--titleFont);
	opacity: .9;
	margin-top:5px;
}
.head article b {
	text-transform: capitalize;
	font-weight: 700;
}
@media screen and (max-width:992px) {
	.button {
		padding:0px 20px;
	}
}




@-webkit-keyframes buttonAnimation {
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
@-moz-keyframes buttonAnimation {
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
@keyframes buttonAnimation {
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}

@-webkit-keyframes buttonAnimation2 {
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
@-moz-keyframes buttonAnimation2 {
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
@keyframes buttonAnimation2 {
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}