.ub_counter-container {
	padding-top: var(--ub-counter-padding-top, 0px) !important;
	padding-right: var(--ub-counter-padding-right, 0px) !important;
	padding-bottom: var(--ub-counter-padding-bottom, 0px) !important;
	padding-left: var(--ub-counter-padding-left, 0px) !important;
	margin-top: var(--ub-counter-margin-top, auto) !important;
	margin-right: var(--ub-counter-margin-right, auto) !important;
	margin-bottom: var(--ub-counter-margin-bottom, auto) !important;
	margin-left: var(--ub-counter-margin-left, auto) !important;
	.ub_counter-number-wrapper {
		font-size: var(--ub-counter-font-size);
		text-decoration: var(--ub-counter-decoration);
		line-height: var(--ub-counter-line-height);
		font-style: var(--ub-counter-font-style);
		font-weight: var(--ub-counter-font-weight);
		letter-spacing: var(--ub-counter-letter-spacing);
		font-family: var(--ub-counter-font-family);
	}
	.ub_counter-label-wrapper {
		text-decoration: var(--ub-counter-label-decoration);
		font-style: var(--ub-counter-label-font-style);
		line-height: var(--ub-counter-label-line-height);
		font-weight: var(--ub-counter-label-font-weight);
		font-family: var(--ub-counter-label-font-family);
		letter-spacing: var(--ub-counter-label-letter-spacing);
		font-size: var(--ub-counter-label-font-size);
		color: var(--ub-counter-label-color);
	}
	& .ub_counter {
		display: flex;
		flex-direction: column;
		gap: var(--ub-counter-gap);

		.ub_counter-number-wrapper {
			display: flex;
		}
		&.ub_text-left {
			text-align: left;
			.ub_counter-number-wrapper {
				justify-content: flex-start;
			}
		}
		&.ub_text-center {
			text-align: center;
			.ub_counter-number-wrapper {
				justify-content: center;
			}
		}
		&.ub_text-right {
			text-align: right;
			.ub_counter-number-wrapper {
				justify-content: flex-end;
			}
		}
	}
}
