.elegant-spinner {
	display: flex;
	align-items: center;
	gap: 8px;
}

.elegant-spinner div {
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
	animation: pulse 1.5s ease-in-out infinite;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

.elegant-spinner .dot1 { animation-delay: 0s; }
.elegant-spinner .dot2 { animation-delay: 0.5s; }
.elegant-spinner .dot3 { animation-delay: 1s; }

@keyframes pulse {
	0%, 100% { 
			transform: scale(0.8);
			opacity: 0.5;
	}
	50% { 
			transform: scale(1.2);
			opacity: 1;
	}
}