/* Partners footer — ported from partners/components/TheFooter.vue */

.footer {
	display: flex;
	flex-direction: column;
	gap: 44px;
	padding: 40px 50px;
	position: relative;
}

.footer__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 108px;
}

.footer__descr--logo {
	max-width: 205px;
}

.footer__descr--text {
	max-width: 993px;
	font-weight: 500;
	color: #8d98ae;
	font-size: 16px;
	line-height: 140%;
	font-variant-numeric: lining-nums tabular-nums;
}

.footer__info-list {
	margin-left: auto;
	display: flex;
	line-height: 19px;
	gap: 40px;
}

.footer__info-link {
	cursor: pointer;
}

.footer__info-item {
	display: block;
	font-family: Gilroy;
	font-weight: 600;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: 0;
	font-variant-numeric: lining-nums tabular-nums;
	white-space: nowrap;
}

.footer__info-social-networks {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 12px;
}

.footer__info-social-network-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	transition: all 0.5s ease;
	position: relative;
	overflow: hidden;
}

.footer__info-social-network-img.youtube {
	background: linear-gradient(97.91deg, #ff5a5e 6.1%, #cf3438 103.66%);
	color: #fff;
}

.footer__info-social-network-img.instagram {
	background: #e4405f;
	color: #fff;
}

.footer__info-social-network-img.telegram {
	background: linear-gradient(97.91deg, #66b4ff 6.1%, #54c7eb 103.66%);
	color: #fff;
}

.footer__info-social-network-img.telegram span {
	width: 48px;
	height: 48px;
}

.footer__info-social-network-img.linkedin {
	background: linear-gradient(97.91deg, #4b85c8 6.1%, #456d9e 103.66%);
	color: #fff;
}

.footer__info-social-network-img span {
	fill: currentColor;
	width: 30px;
	height: 30px;
	z-index: 2;
	transition: 0.3s ease-in-out;
}

.footer__info-social-network-img:hover {
	z-index: 1;
	transform: scale(1.05);
	filter: brightness(120%);
}

.footer__info-social-network-img:hover span {
	fill: #ffffff;
}

.footer-button-up {
	background: #20222e;
	color: #dce1e5;
	height: 60px;
	border-radius: 16px;
	gap: 8px;
	padding: 0 24px;
	display: flex;
	align-items: center;
	border: 1px solid #323443;
	font-weight: 700;
	font-size: 20px;
	line-height: 120%;
	letter-spacing: 0;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.1s ease-out;
	margin-left: auto;
}

.footer-button-up:hover {
	background: #323443;
}

.footer-button-up-icon {
	width: 24px;
	height: 24px;
}

@media (max-width: 767px) {
	.footer {
		padding: 0;
		margin: 0;
		gap: 4px;
	}

	.footer__container {
		flex-direction: column;
		align-items: flex-start;
	}

	.footer__descr--logo {
		display: none;
	}

	.footer__descr--text {
		padding: 20px 16px;
		font-size: 12px;
		border-top: 1px solid #1a1c26;
	}

	.footer__info-list {
		flex-direction: column;
		margin-left: 0;
		padding: 16px;
		gap: 12px;
	}

	.footer__info-link {
		color: #b8bfcd;
	}

	.footer__info-item {
		color: #b8bfcd;
		font-size: 14px;
	}

	.footer__info-social {
		position: absolute;
		top: 16px;
		right: 16px;
	}

	.footer__info-social-networks {
		gap: 8px;
	}

	.footer__info-social-network-img {
		width: 40px;
		height: 40px;
	}

	.footer__info-social-network-img span {
		width: 24px;
		height: 24px;
	}

	.footer__info-social-network-img.telegram span {
		width: 38px;
		height: 38px;
	}

	.footer-button-up {
		height: 44px;
		padding: 0 20px;
		font-size: 14px;
		margin: -60px 16px 0 auto;
	}

	.footer-button-up-icon {
		width: 20px;
		height: 20px;
	}
}