.adduse-crt-wrapper {
	display: flex;
	justify-content: center;
	width: 100%;
}

.adduse-crt {
	position: relative;
	display: block;
	width: 320px;
	height: 320px;
	max-width: 100%;
	aspect-ratio: 1 / 1;
}

a.adduse-crt,
a.adduse-crt:hover,
a.adduse-crt:focus,
a.adduse-crt:visited {
	text-decoration: none;
	color: inherit;
}

a.adduse-crt {
	cursor: pointer;
}

a.adduse-crt:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
	border-radius: 50%;
}

.adduse-crt__rotator {
	position: absolute;
	inset: 0;
	animation: adduse-crt-spin var(--adduse-crt-duration, 20s) linear infinite;
	animation-direction: var(--adduse-crt-direction, normal);
	transform-origin: 50% 50%;
	will-change: transform;
}

.adduse-crt[data-pause-on-hover="yes"]:hover .adduse-crt__rotator {
	animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
	.adduse-crt__rotator {
		animation: none;
	}
}

.adduse-crt__svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.adduse-crt__text {
	font-family: inherit;
	font-size: 80px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: uppercase;
	fill: currentColor;
}

.adduse-crt__center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(-50% + var(--adduse-crt-center-offset-y, 0px))) rotate(var(--adduse-crt-center-rotate, 0deg));
	transform-origin: center center;
	text-align: center;
	line-height: 22px !important;
	pointer-events: none;
	white-space: pre-line;
	font-weight: 600;
}

@keyframes adduse-crt-spin {
	to { transform: rotate(360deg); }
}

body.elementor-editor-active .adduse-crt[data-pause-in-editor="yes"] .adduse-crt__rotator {
	animation-play-state: paused;
}
