.footer {
	padding-inline: var(--clamp-30-10);
	
	> .container {
		padding-block: var(--clamp-30-10);
	}

	> .container > .content {
		display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: var(--clamp-40-20);

		.main {
			display: flex;
			align-items: center;
			gap: var(--clamp-30-10);
		}

		.logo-link {
			display: block;
			flex: 0 0 auto;
		}

		.logo {
			display: block;
			width: 79px;
			height: 79px;
			object-fit: contain;
		}

		.button {
			display: inline-flex;
			align-items: center;
			justify-content: center;

			min-height: 36px;
			padding-inline: var(--clamp-20-10);

			border-radius: 6px;
			background-color: var(--blue);

			font-size: var(--clamp-16-12);
			font-weight: 600;
			line-height: 1;
			color: var(--white);
			text-decoration: none;
		}

		.menu {
			display: grid;
			grid-template-columns: repeat(2, auto);
			column-gap: var(--clamp-40-20);
			row-gap: 10px;
		}

		.link {
			font-size: var(--clamp-20-16);
			font-weight: 800;
			line-height: 1.25;
			color: var(--blue);
			text-decoration: none;
		}
	}
}

@media (max-width: 650px) {
	.footer {
		> .container > .content {
			grid-template-columns: 1fr;
		}
	}
}