footer {
	height: fit-content;
	background-color: var(--_translucent);
}

footer div {
	max-width: var(--_wide-screen);
	width: 100%;
	padding: var(--_gap);
	display: flex;
	gap: var(--_gap);
	justify-content: space-around;
	margin: auto;
}

@media (width < 800px) {
	footer div {
		flex-wrap: wrap;
		text-align: center;
	}
}

.footer__badges {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--_gap-half);
	padding-top: var(--_gap);
	padding-left: 0;
}

.footer__badges__item {
	text-decoration: none;
	background-color: var(--_translucent);
	color: var(--_font-color);
	padding: var(--_gap-half);
	border-radius: var(--radius-5);
	text-align: center;

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