.large-buttons {
	background: var(--bg-color);
}

.large-buttons .container {
	max-width: 1190px;
	margin: 0 auto;
	width: 90%;
	padding: 80px 0;
	position: relative;
	z-index: 1;
}

.large-buttons .content * {
	color: var(--content-color);
}

.large-buttons .btns-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px 76px;
}

.large-buttons .btn:first-child {
	justify-self: flex-end;
}

.large-buttons .btn:nth-child(2) {
	justify-self: flex-start;
}

.large-buttons .btn:not(:nth-child(2)):last-child {
	grid-column: 1 / -1;
	justify-self: center;
}

.large-buttons .btn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	border: none;
	font: normal var(--f-bold) 1.38rem / 1.2 var(--font-sans);
	background: var(--btn-color);
	color: var(--btn-text-color);
	border-radius: 100px;
	padding: 22px 40px;
	width: auto;
	text-decoration: none;
	box-shadow: none;
}

.large-buttons .btn svg {
	height: 25px;
	width: 25px;
	color: var(--btn-color);
	transition: var(--transition);
}

.large-buttons .btn:hover svg {
	transform: rotate(90deg);
}

@media screen and (max-width: 1024px) {
	.large-buttons .container {
		padding: 70px 0;
	}

	.large-buttons .btns-wrapper {
		gap: 40px;
	}

	.large-buttons .btn {
		font: normal var(--f-bold) 1.13rem / 1 var(--font-sans);
		padding: 14px 20px;
	}

	.large-buttons .btn svg {
		height: 16px;
		width: 16px;
	}
}

@media screen and (max-width: 767px) {
	.large-buttons .container {
		padding: 40px 0;
	}

	.large-buttons .btns-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 30px;
	}
}