/*Button*/
.btn
{
	display:inline-flex;
	align-items:center;
	font-size:14px;
	font-weight:700;
	letter-spacing:0.08rem;
	text-align:center;
	text-decoration:none;
	padding:16px 24px;
	transition:var(--transition);
}
@media (hover:hover)
{
	.btn:hover
	{
		box-shadow:var(--shadow);
		transition:var(--transition);
	}
}
.btn--primary
{
	color:var(--basic-0);
	background-color:var(--primary-100);
}
.btn--primary-inverse
{
	color:var(--primary-100);
	background-color:var(--basic-0);
}
.btn--secondary
{
	color:var(--basic-0);
	background-color:var(--secondary-100);
}
.btn--white
{
	color:var(--basic-900);
	background-color:var(--basic-0);
}
.btn--gray
{
	color:var(--basic-900);
	background-color:var(--basic-100);
}

/*Btn - Icon*/
.btn-ico::after
{
	content:'';

	color:inherit;
	font-family:'Font Awesome Kit';
	font-size:2.4rem;
	line-height:1;
	font-weight:400;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;

	margin-left:10px;
}
.btn-ico--forward::after
{
	content:'\e000';
}
.btn-ico--return::after
{
	content:'\e014';
}