.gfield--type-petition_meter {
	font-size: 0.85rem;

	& .gf-petition-meter {
		border: 1px solid #ccc;
		border-radius: 1.25rem;
		height: 1.25rem;
		margin-top: 1.25rem;
		position: relative;
		width: 100%;

		&::before,
		&::after {
			border-radius: 0.25rem;
			bottom: calc(100% + 0.15rem);
			content: attr(data-completion) " " attr(data-count-label);
			left: 0;
			position: absolute;
			right: auto;
		}

		&::after {
			left: auto;
			content: attr(data-goal) " " attr(data-goal-label);
			right: 0;
		}
	}

	& .gf-petition-completion {
		background-color: #0073aa;
		border-radius: 1.25rem;
		height: 100%;
		position: relative;
		width: 0;
	}
}