button {
	background-color: transparent;
	
}
button:focus {
	outline:0;
}
.link-button {
	font-family: var(--font-button), sans-serif;
	background-color: var(--cl-links);
	border: none;
	border-radius: var(--button-radius);
	color: white;
	display: inline-block;
	transition: border-color .25s ease-out, color .25s ease-out, background-color .4s ease;
	font-size: var(--md);
	font-family: var(--font-hl);
	cursor: pointer;
	text-align: center;
	border-radius: clamp(0.4rem,3vw,2rem);
	height: var(--btn-height);
	padding-left: var(--btn-padding-horizontal) !important;
	padding-right: var(--btn-padding-horizontal) !important;
}
.link-button__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	/* border: 1px solid red; */
	height: 100%;
	gap: clamp(.4rem,1vw,0.6rem);
}
.link-button svg {
	transition: transform .4s ease;
	
}
.link-button svg path {
	/* fill: #518196; */
	/* -webkit-transition: fill .25s ease-out; */
	-moz-transition: fill .25s ease-out;
	/* transition: fill .25s ease-out; */
	
}
.link-button svg .svg-stroke {
	stroke: white;
}
.link-button:hover {
	background-color: var(--cl-links-hover);
	color: white !important;
}
.link-button:hover svg {
	stroke: white;
	transform: translateX( clamp( .1rem,.5vw,.3rem) );
	
}
.link-button:hover .link-button__label {
	color: white !important;
	
}
.link-button.link-button--white,
.highlight .link-button {
	border: 1px solid white;
	background-color: transparent;
}
.link-button.link-button--white .svg-stroke,
.highlight .link-button .svg-stroke {
	stroke: var(--cl3);
}
.link-button--white .link-button__label,
.highlight .link-button__label,
.highlight .link-button {
	color: var(--cl3) !important;
}
.link-button--white svg,
.highlight .link-button svg {
	stroke: var(--cl3);
}
.link-button--white:hover .link-button__label,
.highlight .link-button:hover .link-button__label {
	color: var(--cl1) !important;
}
.link-button--white:hover .svg-stroke,
.highlight .link-button:hover .svg-stroke {
	stroke: var(--cl1) !important;
}
.link-button--white:hover,
.highlight .link-button:hover {
	background-color: white;
	color: var(--cl1) !important;
}
/* 
.link-button--outline {
	background-color: transparent !important;
	border: 1px solid white !important;
	
}
.link-button--outline:hover {
	background-color: transparent !important;
	
}
 */
.link-button--sm {
	font-size: .7rem;
	padding-left: 1rem;
	padding-right: 1rem;
	/* height: 2.1rem; */
}
.link-button img,
.link-button svg {
	width: clamp(1rem,2vw,1.3rem);
/* 	margin-right: 0.5rem; */
	stroke-width: 2px;
	/* stroke: white; */
}
.link-button--icon {
	
}
.link-button--nolabel {
	width: 3rem;
	padding-left: 0rem !important;
	padding-right: 0rem !important;
	min-width: auto !important;
}
.link-button--nolabel svg {
	margin-right: 0rem;
	
}
.link-button_back {
	/* text-indent: 1rem; */
	/* background-image: url('../img/button_back_blue.svg'); */
	padding-right: 31px;
}
.link-button_next {
	
}
.link-button_next img {
	width: .5rem;
}
.link-button__label {
	font-size: var(--md);
	line-height: var(--lh-md);

}
@media screen and (min-width: 768px){
	.link-button {
		/* height: 2.8rem; */
		/* padding-left: 2.5rem; */
		/* padding-right: 2.5rem; */
		/* min-width: 12rem; */
	}
	
}