@import 'src/Components/GlobalStyles/colors';
@import 'src/Components/GlobalStyles/mixins';

.container {
	width: 860px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;

	@media (max-width: 1000px) {
		width: auto;
		margin-left: 50px;
	}

	b {
		font-weight: 800;
		// -webkit-text-stroke-width: thin;
	}

	.report {
		text-align: end;
		margin: 35px 0 30px;
	}

	.tryNextToolButton {
		@include Button;

		margin: 30px auto 167px;

		a {
			border-radius: 10px;
			width: 100%;
			padding: 15px 70px;
			background-color: var(--primary-color);
			color: white;
		}
	}

	.links {
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;

		.backToMFC,
		.printResult {
			display: flex;
			align-items: center;
			text-decoration: none;
			color: $font-grey-darker;
			font-size: 18px;

			.backIcon {
				margin-right: 10px;
			}
		}

		.printResult {
			.printIcon {
				background-color: var(--primary-color);
				border-radius: 50%;
				padding: 8px;
				line-height: 1;
				margin-left: 10px;
			}
		}
	}

	.footerNavigation {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 50px auto 30px auto;

		a {
			display: flex;
			flex-direction: row;
			text-decoration: none;
			color: var(--primary-color);
			align-items: center;

			&.printResult {
				justify-content: end;
			}

			.printIcon {
				background-color: var(--primary-color);
				border-radius: 50%;
				padding: 8px;
				line-height: 1;
				margin-left: 10px;
			}
		}
	}
}