.c-icon-circle {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}

.c-icon-circle__circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: var(--color-office);
}

.c-icon-circle__img {
	display: block;
	width: 48px;
	height: 48px;
	object-fit: contain;
}

.c-icon-circle__label {
	font-size: var(--fs-base);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-heading);
	color: var(--color-text);
}

@media (max-width: 767px) {
	.c-icon-circle__circle {
		width: 72px;
		height: 72px;
	}

	.c-icon-circle__img {
		width: 36px;
		height: 36px;
	}
}