.pp-countdown-wrapper {
	display: flex;
	gap: 15px;
    flex-direction: row;
	justify-content: center;
	text-align: center;

	.pp-countdown-item {
		display: inline-block;
		position: relative;

		.pp-countdown-label,
		.pp-countdown-digit {
			padding: 0;
			margin: 0;
		}
	}

	.pp-countdown-digit-wrapper {
		box-sizing: content-box;
	}

	.pp-countdown-digit-wrapper,
	.pp-countdown-label-wrapper {
		text-align: center;
		position: relative;
	}
	// Countdown item Separator
	&.pp-countdown-separator-line,
	&.pp-countdown-separator-colon {

		.pp-countdown-item {
			position: relative;
			padding: 0;
			margin-inline: 0;
		}
	}

	&.pp-countdown-separator-colon {

		.pp-countdown-item {

			.pp-countdown-digit-wrapper {

				&::after {
					content: ':';
					display: inline-block;
					font-size: 30px;
					position: absolute;
					inset-inline-end: -5px;
					top: 45%;
					z-index: 10;
					transform: translateY(-50%);
				}
			}

			&:last-child {

				.pp-countdown-digit-wrapper {

					&::after {
						content: none;
					}
				}
			}
		}
	}

	&.pp-countdown-separator-line {

		.pp-countdown-item {

			&::after {
				content: '';
				display: inline-block;
				position: absolute;
				inset-inline-end: 0;
				top: 0;
				bottom: 0;
				z-index: 10;
				border-inline-end: 1px solid #ccc;
			}

			&:last-child {

				&::after {
					content: none;
				}
			}
		}
	}

	/* Circle layout */
	&.pp-countdown-style-circle {

		.pp-countdown-item {

			.pp-countdown-digit-wrapper {
				border-radius: 50%;
				background: #333;
				color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
			}

			.pp-countdown-digit {
				color: #fff;
			}
		}

		&.pp-countdown-label-pos-out_left,
		&.pp-countdown-label-pos-out_right {

			.pp-countdown-item {
				display: inline-flex;
				align-items: center;
				direction: ltr;
			}
		}

		&.pp-countdown-label-pos-out_right {

			.pp-countdown-item {
				direction: rtl;
			}
		}
	}

	/* Square layout */
	&.pp-countdown-style-square {

		.pp-countdown-item {

			.pp-countdown-digit-wrapper {
				background: #333;
				color: #fff;
				display: flex;
				-webkit-box-pack: center;
				justify-content: center;
				-webkit-box-align: center;
				align-items: center;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				flex-direction: column;
			}

			.pp-countdown-digit {
				color: #fff;
			}
		}

		&.pp-countdown-label-pos-out_left,
		&.pp-countdown-label-pos-out_right {

			.pp-countdown-item {
				display: inline-flex;
				align-items: center;
				direction: ltr;
			}
		}

		&.pp-countdown-label-pos-out_right {

			.pp-countdown-item {
				direction: rtl;
			}
		}
	}
}

/* Countdown Media Queries */
@media only screen and (max-width: 767px) {

	.pp-countdown-wrapper {

		&.pp-countdown-separator-hide-mobile {

			.pp-countdown-item {

				&::after {
					display: none;
				}

				.pp-countdown-digit-wrapper {

						&::after {
							display: none;
						}
					}
			}
		}
	}
}