.global-footer {
	padding: 24px;
	border-top: 5px solid #f6f6f6;
	border-bottom: 5px solid #94B01E;
	background-color: #090A09;
	color: #B3B3B3;
	font-size: var(--fs-small);
	line-height: var(--lh-small);
}

.global-footer p:not(:last-child) {
	margin-bottom: 6px;
}

.global-footer a {
	color: #B3B3B3;
	text-decoration: none;
}

.global-footer a:hover {
	color: #94B01E;
	text-decoration: underline;
}

.footer-wrapper {
	display: grid;
	grid-template-areas:
		"address social"
		"address copyright";
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 24px;
}

.footer-address {
	grid-area: address;
}

.footer-social-nav {
	grid-area: social;
	padding-block-end: 24px;
}

.footer-social-label {
	text-align: end;
}

ul.footer-social-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.footer-social-links li {
	display: inline-block;
	vertical-align: middle;
}

ul.footer-social-links a {
	display: block;
	width: 32px;
	height: 32px;
	color: #94B01E;
	fill: #94B01E;
	line-height: 32px;
}

ul.footer-social-links a[href*="/x.com/"] {
	padding-block-start: 3px;
}

ul.footer-social-links svg {
	width: 100%;
	height: 100%;
}

.footer-meta {
	grid-area: copyright;
	place-content: end;
	text-align: end;
}

@media (max-width: 700px) {
	.global-footer {
		padding: 24px 20px;
	}

	.footer-wrapper {
		grid-template-areas:
			"address"
			"social"
			"copyright";
		grid-template-columns: minmax(0, 1fr);
		row-gap: 24px;
	}

	.footer-social-nav {
		padding-block-end: 0;
	}

	.footer-social-label,
	.footer-meta {
		text-align: start;
	}

	ul.footer-social-links {
		justify-content: flex-start;
	}
}
