Pepper

CSS
Kopiërenfooter .top {
	position: relative;
	padding: 3rem 0;
	background-color: var(--secondary);
	color: var(--white);
}

footer .top a:not(.text-decoration-none) {
	color: inherit;
}

footer .top .nav-link:hover {
	color: inherit;
}

footer .top .nav-item+.nav-item {
	margin-top: 0.5rem;
}

footer .top .nav-link {
	padding-left: 0;
	padding-top: 0;
	color: inherit;
}

@media (min-width: 992px) {
	footer .top .navlist-nav {
		columns: 2;
	}
}

footer .top .nav-link::after {
	content: "\f061";
	font: var(--fa-font);
	margin-left: 0.5rem;
	font-size: 1em;
	transition: margin-left 200ms ease-out;
	color: var(--primary);
}

footer .top .nav-link:hover::after {
	margin-left: 1.25rem;
}

footer.nav-footer .top .h3 {
	margin-bottom: 1rem;
}

footer .footer-contact {
	margin-top: 1.5rem;
}

footer .footer-extra-contact-info {
	display: none;
}

footer .footer-contact i.fa {
	color: var(--primary);
}

footer .footer-contact .btn.btn-link:not(.btn-admin) {
	padding: 0;
	line-height: 1.25;
	text-align: left;
}

footer .footer-socials a {
	margin-right: 1rem;
	font-size: 1.5em;
	color: inherit;
}

footer .footer-socials a:is(:hover,:focus) {
	color: var(--primary);
}