footer {
	background: var(--color__black);
	overflow: hidden;
	padding-top: 105px;
	width: 100%;
	position: relative;

	&::before {
		aspect-ratio: 296 / 426;
		content: '';
		background: url(../../assets/img/icon-leaf--ne.svg) no-repeat center / contain;
		width: 296px;
		position: absolute;
		display: block;
		right: 0;
		top: 105px;
	}

	.footer__main {
		padding-bottom: 30px;

		h2 {
			color: var(--color__white);
			font-size: 36px;
		}

	}

	.footer__menu {

		.menu__items {
			display: flex;
			flex-direction: column;
			gap: 15px;
		}

		.menu__item {

		}

		.menu__link {
			font-weight: 400;
			text-decoration: none;
			color: var(--color__white);
			transition: var(--transition);

			&:hover {
				color: var(--color__main);
				font-weight: 700;
			}
		}

	}

	.footer__logo {
		width: 100%;
		margin-bottom: 30px;
	}

	.footer__coords {

		ul {
			margin-top: 45px;

			li {
				color: var(--color__white);
				font-size: 24px;
				font-weight: 300;
				display: flex;
				flex-flow: row nowrap;
				gap: 15px;
				align-items: center;

				&:not(:last-child) {
					margin-bottom: 20px;
				}

				i {
					font-size: 32px;
					color: var(--color__main);
				}

				a {
					color: var(--color__white);
					font: inherit;
					transition: var(--transition);
					text-decoration: none;

					&:hover {
						color: var(--color__main);
					}
				}
			}
		}
	}

	.footer__form {

		.btn {
			border: none;
			padding: 0;
			padding-right: 75px;
			font-size: 24px;
			font-weight: 700;

			&::before {
				height: 4px;
				right: 0;
				width: 60px
			}

			&::after {
				border-width: 4px;
				right: 0;
			}

			&:hover {

				&::before {
					transform: translate(30px,-50%);
					width: 30px;
				}

				&::after {
					transform: translate(30px,-50%) rotate(-45deg);
				}

			}
		}

	}

	.footer__legal {
		padding-top: 25px;
		padding-bottom: 25px;
		position: relative;
		gap: 15px;

		&::before {
			content: '';
			display: block;
			height: 1px;
			background: var(--color__white);
			width: 100vw;
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%);
		}

		p, a {
			color: var(--color__white);
			font-size: 21px;
			font-weight: 300;
			text-decoration: none;

			> a {
				font-weight: 700;
			}
		}

	}
}

.footer__btt {
	position: fixed;
	right: 30px;
	bottom: 120px;
	z-index: 10;

	> button.btn.btn--back-to-top {
		border-radius: 50%;
		height: 45px;
		width: 45px;
		transform: rotate(-90deg);
		padding: 0;

		&::before {
			width: 30px;
			right: 7.5px;
		}

		&::after {
			right: 7.5px;
		}

		&:hover {

			&::before {
				width: 20px;
				right: 10px;
			}

			&::after {
				right: 10px;
			}

		}
	}
}

@media (max-width: 768px) {

	footer {

		.footer__logo {

			a {
				display: inline-block;
				margin: auto;
			}

		}

		.footer__coords {

			ul {

				li {
					justify-content: center;
					text-align: center;
				}

			}

		}

	}

}