/*BUTTONS*/
.btn {
	--btnfont:var(--nav);
	--btnfcolor:var(--white);
	--btnhcolor:var(--orange);
	--btnborder: 1px solid var(--orange);
	--btnbg:var(--orange);
	--btnhbg:transparent;
	--btnpx:var(--10px);--btnpy:var(--16px);
	--letter-spacing:var(--ls3, .2em);
}

.link:not(.btn):not(.fs3){
	--a-font:var(--nav);
	--a-color:var(--dorange);
}

a.arrowd{
	--arrow:url('/templates/baleandanchor/images/shared/arrowd.svg') var(--contain);
	--arrow-w:var(--25px);
	--arrow-h:var(--31px);
}

@media (max-width:768px) {
	.btn {
		--btnpx:var(--8px);--btnpy:var(--16px);
	}
}

.btn.brown, .btn.brown {
	--btncolor:var(--dbrown); --btnborder: 1px solid var(--dbrown); --btnbg:var(--dbrown); --btnhcolor:var(--dbrown);
}
.btn.green {
	--btncolor:var(--dgreen); --btnborder: 1px solid var(--dgreen); --btnbg:var(--dgreen);
}
.btn.red {
	--btncolor:var(--red); --btnborder: 1px solid var(--red); --btnbg:var(--red);
}
.btn.white {
	--btncolor:var(--white); --btnborder: 1px solid var(--white); --btnbg:var(--white); --btncolor:var(--fc1);
}
.btn.trans {
	--btnhcolor:var(--white); --btnbg:transparent; --btnhbg:var(--orange); --btncolor:var(--fc1);
}
.btn:not(.nav-item) {
	background-color:var(--btnbg);border:var(--btnborder);color:var(--btnfcolor);font:var(--btnfont);transition:.3s ease;padding:var(--btnpx) var(--btnpy);text-transform:uppercase;letter-spacing: var(--letter-spacing);
}
button:hover, .btn:not(.nav-item):hover {background-color:var(--btnhbg);color:var(--btnhcolor);}

.link:not(.btn):not(.fs3){background:transparent;font:var(--a-font);color:var(--a-color);letter-spacing: calc(var(--ls) * 2);text-transform:uppercase;text-decoration:underline}

a.arrowd{position: relative;}
a.arrowd:after{display:block;content:'';height:var(--arrow-h);width:var(--arrow-w);background:var(--arrow);position:absolute;left:calc(50% - var(--15-5px));top:var(--20px);}