button {
	background-color: transparent;
	
}
button:focus {
	outline:0;
}
.btn {
	font-family: var(--font-button), sans-serif;
	background-color: transparent;
	border: 1px solid var(--color2);
	border-radius: 2px;
	color: var(--color2);
	text-transform: uppercase;
	display: inline-block;
	-webkit-transition: border-color .25s ease-out, color .25s ease-out, background-color .25s ease-out;
	-moz-transition: border-color .25s ease-out, color .25s ease-out, background-color .25s ease-out;
	transition: border-color .25s ease-out, color .25s ease-out, background-color .25s ease-out;
	font-size: 0.9rem;
	font-family: var(--font-hl);
	cursor: pointer;
	text-align: center;
	border-radius: 1rem;
	letter-spacing: .03rem;
	height: 2.3rem;
	padding-left: 2rem;
	padding-right: 2rem;
	min-width: 9rem;
}
.btn__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	/* border: 1px solid red; */
	height: 100%;
}
.btn svg path {
	/* fill: #518196; */
	/* -webkit-transition: fill .25s ease-out; */
	-moz-transition: fill .25s ease-out;
	/* transition: fill .25s ease-out; */
}
.btn:hover {
	background-color: var(--color1);
	color: white !important;
}
.btn:hover svg {
	stroke: white;
}
.btn:hover .btn__label {
	color: white !important;
	
}
.btn--white,
.highlight .btn {
	border-color: white;
	color: white;
	
}
.btn--white svg,
.highlight .btn svg {
	stroke: white;
}
.btn--white:hover .btn__label,
.highlight .btn:hover .btn__label {
	color: var(--color1) !important;
}
.btn--white:hover svg,
.highlight .btn:hover svg {
	stroke: var(--color1) !important;
}
.btn--white:hover,
.highlight .btn:hover {
	background-color: white;
	color: var(--color1) !important;
}
.btn_sm {
	font-size: .7rem;
	padding-left: 1rem;
	padding-right: 1rem;
	/* height: 2.1rem; */
}
.btn img,
.btn svg {
	width: 1rem;
	margin-right: 0.5rem;
	stroke-width: 2px;
	stroke: white;
}
.btn--icon {
	
}
.btn_back {
	/* text-indent: 1rem; */
	/* background-image: url('../img/button_back_blue.svg'); */
	padding-right: 31px;
}
.btn_next {
	
}
.btn_next img {
	width: .5rem;
}
.btn__label {
	/* border: 1px solid red; */
	letter-spacing: 0.05rem;
	/* margin-left: .5rem; */
	/* color: #518196; */
	/* margin: 0 0 0 .5rem; */
	font-size: 0.8rem;
}
@media screen and (min-width: 768px){
	.btn {
		height: 3rem;
		padding-left: 3rem;
		padding-right: 3rem;
		min-width: 12rem;
		border-radius: 2rem;
		
	}
	.btn__label {
		font-size: 1rem;
		
	}
	
}