.elementify-divider {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.elementify-divider__inner {
	width: var(--elementify-divider-width, 75%);
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin: 0 auto;
}

.elementify-divider__line {
	flex: 1 1 auto;
	height: var(--elementify-divider-thickness, 2px);
	border-radius: 999px;
	background: linear-gradient(
		to right,
		rgba(200, 167, 146, 0),
		var(--elementify-divider-color, #c8a792),
		rgba(200, 167, 146, 0)
	);
	box-shadow: 0 0 8px rgba(200, 167, 146, 0.25);
	transform: scaleX(1);
	transform-origin: center;
}

.elementify-divider__dot {
	width: var(--elementify-divider-dot-size, 10px);
	height: var(--elementify-divider-dot-size, 10px);
	min-width: var(--elementify-divider-dot-size, 10px);
	border-radius: 50%;
	background: var(--elementify-divider-color, #c8a792);
	box-shadow: 0 0 10px rgba(200, 167, 146, 0.35);
	flex: 0 0 auto;
}

.elementify-divider[data-animate="1"] .elementify-divider__line--left,
.elementify-divider[data-animate="1"] .elementify-divider__line--right {
	transform: scaleX(0);
}

.elementify-divider[data-animate="1"] .elementify-divider__line--left {
	transform-origin: right center;
}

.elementify-divider[data-animate="1"] .elementify-divider__line--right {
	transform-origin: left center;
}

.elementify-divider[data-animate="1"] .elementify-divider__dot {
	transform: scale(0.7);
	opacity: 0.7;
}

.elementify-divider.is-drawn .elementify-divider__line,
.elementify-divider.no-animate .elementify-divider__line {
	transform: scaleX(1);
}

.elementify-divider.is-drawn .elementify-divider__dot,
.elementify-divider.no-animate .elementify-divider__dot {
	transform: scale(1);
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.elementify-divider__line,
	.elementify-divider__dot {
		transition: none !important;
	}
}