/* Icon columns. */
.ph-il__heading { margin-bottom: 28px; }

.ph-il__item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	color: inherit;
	text-decoration: none;
}

.ph-il__icon { color: var(--pharmacy-primary); }

.ph-il--circle .ph-il__icon,
.ph-il--square .ph-il__icon {
	display: grid;
	place-items: center;
	width: calc(var(--il-icon, 26px) * 2.2);
	height: calc(var(--il-icon, 26px) * 2.2);
	background: var(--pharmacy-muted);
	transition: background-color var(--pharmacy-transition) ease,
		color var(--pharmacy-transition) ease;
}

.ph-il--circle .ph-il__icon { border-radius: 50%; }
.ph-il--square .ph-il__icon { border-radius: var(--pharmacy-radius); }

.ph-il__title { margin: 0; font-size: 1.02rem; }
.ph-il__body { margin: 0; font-size: 0.92rem; opacity: 0.78; }

a.ph-il__item:hover .ph-il__icon {
	background: var(--pharmacy-primary);
	color: #fff;
}