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

.container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: $grey-hr;
	padding: 150px 0;

	@media (max-width: 1000px) {
		margin-top: 20px;
		padding: 20px 0;
	}

	h3 {
		margin: 50px 0;
		background-color: var(--primary-color);
		color: white;
		padding: 15px 25px;
		border-radius: 10px;
	}

	p:nth-child(2) {
		margin-bottom: 0;
		font-size: 30px;
	}

	.buttonContainer {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 10px;

		p {
			font-size: 20px;
		}

		button {
			@include classicPrimaryButton;
		}
	}
}