.payments-footer {
	--logo-height: 16px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4px;
	padding-top: 10px;
}
.payments-footer img {
	height: var(--logo-height);
	width: auto;
}
.payments-footer-logo {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
}
.payments-footer-logo:hover {
	filter: none;
}

footer .payments-footer a {
	min-height: unset;
}

.payments-footer a {
	background-color: white;
	padding: 8px;
	border-radius: 4px;
	line-height: 0; /* Solves bug where we get 3px extra height */
}