.wpinterface-paddle-icons {
	display: inline-flex;
	gap: 4px;
	margin-left: 6px;
	vertical-align: middle;
	flex-wrap: wrap;
}

.wpinterface-paddle-icon {
	display: inline-block;
	width: 34px;
	height: 22px;
	max-height: 22px;
	margin: 0;
	float: none;
}

/* Classic checkout: WooCommerce floats gateway icons to the right. */
#payment .payment_methods li .wpinterface-paddle-icons img {
	float: none;
	margin: 0;
	max-height: 22px;
}

/* Checkout block label: title and icons on one line, icons wrapping on small screens. */
.wpinterface-paddle-label {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	width: 100%;
}

.wpinterface-paddle-label .wpinterface-paddle-icons {
	margin-left: auto;
}

.wpinterface-paddle-description {
	margin: 0;
}

.wpinterface-paddle-pay {
	margin: 1.5em 0;
}
