.ca-pow-active {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	isolation: isolate;
	cursor: wait !important;
	opacity: 1 !important;
	--ca-pow-progress: 0%;
	--ca-pow-r2: 0deg;
	--ca-pow-x: 0px;
	--ca-pow-y: 50%;
	--ca-pow-ring-size: 2px;
	--ca-pow-ring-color: #ffffff;
	--ca-pow-ring-soft: rgba(255,255,255,0.18);
	--ca-pow-ring-bright: rgba(255,255,255,0.72);
	--ca-pow-ring-mid: rgba(255,255,255,0.5);
	--ca-pow-ring-glow: rgba(255,255,255,0.65);
	--ca-pow-ring: conic-gradient(from calc(var(--ca-pow-r2) - 80deg) at var(--ca-pow-x) var(--ca-pow-y), transparent 0%, var(--ca-pow-ring-soft) 14%, var(--ca-pow-ring-bright) 18%, var(--ca-pow-ring-color) 20%, var(--ca-pow-ring-mid) 23%, transparent 31%);
	--ca-pow-fill: #111827;
	--ca-pow-text-color: #ffffff;
	border-color: transparent !important;
	color: var(--ca-pow-text-color) !important;
	-webkit-text-fill-color: var(--ca-pow-text-color);
	background: var(--ca-pow-fill) !important;
	box-shadow: none !important;
	outline: none !important;
	transform: none !important;
}

html:not(.ca-theme-dark) .ca-pow-active {
	--ca-pow-ring-color: #111827;
	--ca-pow-ring-soft: rgba(17,24,39,0.14);
	--ca-pow-ring-bright: rgba(17,24,39,0.72);
	--ca-pow-ring-mid: rgba(17,24,39,0.5);
	--ca-pow-ring-glow: rgba(17,24,39,0.28);
}

.btn-cta.ca-pow-active,
.btn-cta.ca-pow-active:hover,
.btn-cta.ca-pow-active:disabled,
.ca-theme-dark .btn-cta.ca-pow-active,
.ca-theme-dark .btn-cta.ca-pow-active:hover,
.ca-theme-dark .btn-cta.ca-pow-active:disabled {
	border-color: transparent !important;
	color: var(--ca-pow-text-color) !important;
	-webkit-text-fill-color: var(--ca-pow-text-color);
	background: var(--ca-pow-fill) !important;
	box-shadow: none !important;
	outline: none !important;
	opacity: 1 !important;
	transform: none !important;
}

.ca-pow-active:not(.btn-cta) {
	min-height: 2.125rem;
	padding: 0.4rem 0.85rem;
	border-radius: 0.5rem;
	color: #ffffff !important;
}

.ca-pow-active::before {
	content: "";
	position: absolute;
	inset: calc(var(--ca-pow-ring-size) * -1);
	z-index: 0;
	border-radius: inherit;
	background: var(--ca-pow-ring);
	filter: drop-shadow(0 0 2px var(--ca-pow-ring-glow));
	pointer-events: none;
}

.ca-pow-active::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
	background: var(--ca-pow-fill);
	pointer-events: none;
}

.ca-pow-content {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: inherit;
}

.ca-pow-content > svg {
	flex: none;
}