$button-hover-border-color:#6FC75D;
.btn-grp {
	.btn {
		margin-right: 15px;
		&:last-child {
			margin-right: 0;
		}
	}
}
.btn {
	color: #fff;
	display: inline-flex;
	-webkit-display: inline-flex;
	align-items: center;
    box-shadow: 10px 10px 25px 0 rgba(0,0,0,.15);
    @include border-radius(4px);
    padding: 0 47px;
    font-size: 16px;
    text-align: center;
    border: none;
    font-weight: bold;
    text-decoration: none;
	@include transition(all,ease-in-out,0.3s);
	position: relative;
	font-size: 1.6rem;
	@include justify-content(center);
	font-family: $gt-r;
	letter-spacing: 1.3px;
			
	&:focus, &:visited, &:active {
		outline: 0!important;
		border:none ;
	}
	&.primary {
		background:$primary-color;
		color: $white;
	}
	&.btn-white {
		background: $white;
	}
	&.btn-gray-new {
		background-image: linear-gradient(to right, #283048 0%, #859398 51%, #283048 100%)
	}
	
	&.btn-off-white {
		background: $off-white;
		color: #0091FF;
		&:hover, &:focus {
			background: rgba(74,144,236,1);
			background: -moz-linear-gradient(left, rgba(74,144,236,1) 0%, rgba(75,128,244,1) 50%, rgba(74,103,251,1) 74%, rgba(73,91,255,1) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74,144,236,1)), color-stop(50%, rgba(75,128,244,1)), color-stop(74%, rgba(74,103,251,1)), color-stop(100%, rgba(73,91,255,1)));
			background: -webkit-linear-gradient(left, rgba(74,144,236,1) 0%, rgba(75,128,244,1) 50%, rgba(74,103,251,1) 74%, rgba(73,91,255,1) 100%);
			background: -o-linear-gradient(left, rgba(74,144,236,1) 0%, rgba(75,128,244,1) 50%, rgba(74,103,251,1) 74%, rgba(73,91,255,1) 100%);
			background: -ms-linear-gradient(left, rgba(74,144,236,1) 0%, rgba(75,128,244,1) 50%, rgba(74,103,251,1) 74%, rgba(73,91,255,1) 100%);
			background: linear-gradient(to right, rgba(74,144,236,1) 0%, rgba(75,128,244,1) 50%, rgba(74,103,251,1) 74%, rgba(73,91,255,1) 100%);
			color: #fff;
		}
	}
	&.btn-orange {
		background-image: linear-gradient(90deg,#eb2a39 0,#f1614a 100%);
		&:hover{
			background-image: linear-gradient(180deg,#eb2a39 0,#f1614a 100%);
			color: $white;
		}
	}
	&.btn-blue {
		color: #fff;
		background: rgba(74,144,236,1);
		background: -moz-linear-gradient(left, rgba(74,144,236,1) 0%, rgba(75,128,244,1) 50%, rgba(74,103,251,1) 74%, rgba(73,91,255,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74,144,236,1)), color-stop(50%, rgba(75,128,244,1)), color-stop(74%, rgba(74,103,251,1)), color-stop(100%, rgba(73,91,255,1)));
		background: -webkit-linear-gradient(left, rgba(74,144,236,1) 0%, rgba(75,128,244,1) 50%, rgba(74,103,251,1) 74%, rgba(73,91,255,1) 100%);
		background: -o-linear-gradient(left, rgba(74,144,236,1) 0%, rgba(75,128,244,1) 50%, rgba(74,103,251,1) 74%, rgba(73,91,255,1) 100%);
		background: -ms-linear-gradient(left, rgba(74,144,236,1) 0%, rgba(75,128,244,1) 50%, rgba(74,103,251,1) 74%, rgba(73,91,255,1) 100%);
		background: linear-gradient(to right, rgba(74,144,236,1) 0%, rgba(75,128,244,1) 50%, rgba(74,103,251,1) 74%, rgba(73,91,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a90ec', endColorstr='#495bff', GradientType=1 );	
	}
	&.btn-green {}
	&.btn-gray {
		background: rgba(195,195,195,1);
		background: -moz-linear-gradient(left, rgba(195,195,195,1) 0%, rgba(184,184,184,1) 50%, rgba(178,178,178,1) 71%, rgba(166,166,166,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(195,195,195,1)), color-stop(50%, rgba(184,184,184,1)), color-stop(71%, rgba(178,178,178,1)), color-stop(100%, rgba(166,166,166,1)));
		background: -webkit-linear-gradient(left, rgba(195,195,195,1) 0%, rgba(184,184,184,1) 50%, rgba(178,178,178,1) 71%, rgba(166,166,166,1) 100%);
		background: -o-linear-gradient(left, rgba(195,195,195,1) 0%, rgba(184,184,184,1) 50%, rgba(178,178,178,1) 71%, rgba(166,166,166,1) 100%);
		background: -ms-linear-gradient(left, rgba(195,195,195,1) 0%, rgba(184,184,184,1) 50%, rgba(178,178,178,1) 71%, rgba(166,166,166,1) 100%);
		background: linear-gradient(to right, rgba(195,195,195,1) 0%, rgba(184,184,184,1) 50%, rgba(178,178,178,1) 71%, rgba(166,166,166,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#a6a6a6', GradientType=1 );
	}
	&.btn-md {
		min-height: 55px;
		@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
			padding-top: 14px!important;
		}

	} 
	&.btn-sm {
		min-height: 40px;
		@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
			padding-top: 6px!important;
		}
	} 
	&.btn-lg {
		min-height: 60px;
		// @media screen and (min-width:0\0) and (min-resolution: +72dpi) {
		// 	padding-top: 20px;
		// }
		@include max(1450) {
			min-height: 60px;
			font-size: 1.5rem;
		}
		@include max(1199) {
			min-height: 50px;
			font-size: 1.6rem;
		}
		@include max(767) {
			// min-height: 40px;
		}
	}
	&.btn-rm {
		background:transparent;
		box-shadow: none;
		padding: 0;
		color: $black;
		&:hover {
			color: $primary-color;
		}
	}
	&.learn-more  {
		position: relative;
		background:none;
		@include font-bold();
		min-height: inherit;
		font-size: 1.4rem;
		padding-left: 0;
		border: none;
		&:after {
			position: absolute;
			content:'\e800';
			font-family: $icons;
			right: 8px;
			top: 0;
			@include rotate(272deg);
			color: #9781B9;
			@include transition(all,ease-in-out,0.3s);
		}
		&:hover{
			&::after{
				right: 0;
				color: #3D2070;
			}
		}
	}

	&.styled {
		border: 1px solid #3D2070;
		background:transparent;
		@include border-radius(25px);
		@include font-medium();
		font-size: 1.4rem;
		padding: 0 25px;
		&:hover{
			background-color: #3D2070;
			color: #fff;
			opacity: 1;
		}
	
	}

	&.full-width {
		width: 100%;
		text-align: center;
	}
	
}




