.icon-links-block {
	display: grid;
	grid-template-columns: repeat(var(--icl-columns), minmax(0, 1fr));
	gap: clamp(1rem, 3vw, var(--icl-gap));
	width: 100%;

	/* If a background colour is used... */
	&.has-background {

		@media screen and (max-width: 500px) {
			row-gap: clamp(1rem, 3vw, var(--icl-gap)) !important;
		}
		.icon-link-item {
			padding: 40px 30px;
		}

	}

	/* Responsive column cascade - overrides the ACF-selected column count */
	@media screen and (max-width: 1188px) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	@media screen and (max-width: 886px) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	@media screen and (max-width: 500px) {
		grid-template-columns: 1fr;
		row-gap: 80px;
	}

	/* Link item styles */
	.icon-link-item {

		display: flex;
		flex-direction: column;

		&[class*="text-center"] {
			align-items: center;
		}

		@media screen and (max-width: 662px) {
			max-width: 100%;
		}

		.icon-wrapper {
			background-color: var(--wp--preset--color--teal);
			border-radius: 50%;
			color: var(--wp--preset--color--white);
			display: grid;
			justify-self: center;
			place-content: center;
			height: 70px;
			text-align: center;
			width: 70px;
		}

		.logo-wrapper {
			display: grid;
			justify-self: center;
			place-content: center;
			height: 125px;
			text-align: center;
			width: 180px;
			img {
				height: 100%;
				object-fit: contain;
				object-position: center;
				width: 100%;
			}
		}

	}

}