footer {
	margin-top: 6rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}

footer .donation-container {
	max-width: calc(var(--wp--style--global--content-size) - 2 * var(--wp--preset--spacing--m));
	margin: 0 var(--wp--preset--spacing--l);
	padding: var(--wp--preset--spacing--m);
	border-radius: var(--wp--preset--border-radius--std);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}

@media (max-width: 600px) {
	footer .donation-container {
		margin: 0 var(--wp--preset--spacing--s);
	}
}

@property --wave-stop-1 {
	syntax: "<percentage>";
	initial-value: 0%;
	inherits: false;
}

@property --wave-stop-2 {
	syntax: "<percentage>";
	initial-value: 5%;
	inherits: false;
}

@property --wave-stop-3 {
	syntax: "<percentage>";
	initial-value: 10%;
	inherits: false;
}

footer .donation-container p {
	margin-block-start: 0;
	color: var(--wp--preset--color--contrast);
	background: linear-gradient(
		110deg,
		var(--wp--preset--color--contrast)   0%,
		var(--wp--preset--color--contrast)  var(--wave-stop-1),
		var(--wp--preset--color--accent-3)      var(--wave-stop-2),
		var(--wp--preset--color--contrast)  var(--wave-stop-3),
		var(--wp--preset--color--contrast) 100%
	);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
	animation: wave 10s infinite 0s alternate ease;
}

@keyframes wave {
	0% {
		--wave-stop-1: 0%;
		--wave-stop-2: 5%;
		--wave-stop-3: 10%;
	}
	33% {
		--wave-stop-1: 30%;
		--wave-stop-2: 35%;
		--wave-stop-3: 40%;
	}
	66% {
		--wave-stop-1: 70%;
		--wave-stop-2: 75%;
		--wave-stop-3: 80%;
	}
	100% {
		--wave-stop-1: 90%;
		--wave-stop-2: 95%;
		--wave-stop-3: 100%;
	}
}

footer nav.footer-social {
	color: var(--wp--preset--color--base);
}

footer nav.footer-nav {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--contrast); /* Fallback */
	background-color: rgb(from var(--wp--preset--color--contrast) r g b / 0.5);
	box-shadow: 0 0 8px var(--wp--preset--color--contrast);
	padding: .3em 1em;
	border-radius: var(--wp--preset--border-radius--std);
}