.pes-circle-wrap {
	display: flex;
	width: 100%;
}

.pes-circle {
	--pes-circle-bg: #efdbea;
	--pes-circle-accent: #db0086;
	--pes-circle-size: 4.6rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 124px;
	height: 124px;
	border-radius: 50%;
	background: var(--pes-circle-bg);
	color: var(--pes-circle-accent);
	border: 1px solid #000;
}

.pes-circle svg {
	width: 46%;
	height: 46%;
	fill: none;
}

.pes-circle i,
.pes-circle svg.e-font-icon-svg {
	width: 46%;
	height: 46%;
	font-size: calc(var(--pes-circle-size) * 0.46);
	color: var(--pes-circle-accent);
}