.block-discount-codes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(480px, 100%), 1fr));
	gap: var(--wp--custom--layout--block-gap-large);
}

.block-discount-codes > *:only-child {
	max-width: 580px;
}

@media only screen and (max-width: 600px) {
	.block-discount-codes {
		row-gap: var(--wp--custom--layout--block-gap);
	}
}