.i8-wfsg-goal {
	--i8-wfsg-green: #198754;
	--i8-wfsg-green-soft: #edf8f1;
	width: 100%;
	margin: 0 0 1.25rem;
	padding: 0.9rem 1rem;
	border: 1px solid rgb(25 135 84 / 20%);
	border-radius: 0.5rem;
	background: var(--i8-wfsg-green-soft);
	color: var(--i8-wfsg-green);
}

.i8-wfsg-goal__message {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.35;
}

.i8-wfsg-goal__message svg {
	flex: 0 0 auto;
	fill: currentcolor;
}

.i8-wfsg-goal__message .woocommerce-Price-amount {
	color: inherit;
	font-weight: 800;
}

.i8-wfsg-goal__track {
	height: 0.3rem;
	margin-top: 0.7rem;
	overflow: hidden;
	border-radius: 999px;
	background: rgb(25 135 84 / 15%);
}

.i8-wfsg-goal__track span {
	display: block;
	width: var(--i8-wfsg-progress, 0%);
	height: 100%;
	border-radius: inherit;
	background: currentcolor;
	transition: width 220ms ease;
}

.i8-wfsg-goal.is-complete {
	--i8-wfsg-green: #117a45;
	background: #e4f6eb;
}

@media (prefers-reduced-motion: reduce) {
	.i8-wfsg-goal__track span {
		transition: none;
	}
}