/* ==========================================================
   Optimal Arina Mutfak – Rotating Button (v0.1.1)
   ========================================================== */

.elementor-custom-embed-image-overlay {
	position: relative !important;
}

.optimal-rotating-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	pointer-events: none;
	z-index: 5;
}

.optimal-rotating-svg {
	display: block;
	width: 100%;
	height: 100%;
	animation: optimal-spin 12s linear infinite;
}

.optimal-rotating-svg textPath {
	font-size: 12.5px;
	font-family: 'Montserrat', 'Arial Black', sans-serif;
	font-weight: 700;
	letter-spacing: 4px;
	fill: #ffffff;
	text-transform: uppercase;
}

.elementor-custom-embed-image-overlay .elementor-custom-embed-play {
	z-index: 10 !important;
}

@keyframes optimal-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 767px) {
	.optimal-rotating-wrapper {
		width: 120px;
		height: 120px;
	}

	.optimal-rotating-svg textPath {
		font-size: 10px;
		letter-spacing: 3px;
	}
}