/* Shimmer button (after Magic UI "shimmer-button"): a soft light streak sweeps across the button every few
 * seconds, plus the inner bottom glow. The streak sits above the button fill but below the label. */
.kfx-shimmer-button > .wp-block-button__link {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	box-shadow: inset 0 -8px 12px rgb(255 255 255 / 0.1);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.kfx-shimmer-button > .wp-block-button__link::after {
	content: "";
	position: absolute;
	inset: -1px;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(
		105deg,
		transparent 30%,
		color-mix(in oklab, #fff 55%, transparent) 46%,
		color-mix(in oklab, color-mix(in oklab, var(--kfx-c) 40%, #fff) 70%, transparent) 50%,
		color-mix(in oklab, #fff 55%, transparent) 54%,
		transparent 70%
	);
	filter: blur(2px);
	transform: translateX(-110%);
	animation: kfx-shimmer-button calc(3.4s * var(--kfx-s)) var(--kfx-ease) infinite;
	animation-delay: calc(0.8s * var(--kfx-s));
}
@keyframes kfx-shimmer-button {
	0% { transform: translateX(-110%); }
	45%, 100% { transform: translateX(110%); }
}
@media (hover: hover) {
	.kfx-shimmer-button > .wp-block-button__link:hover { box-shadow: inset 0 -6px 12px rgb(255 255 255 / 0.24); }
}
.kfx-shimmer-button > .wp-block-button__link:active { transform: translateY(1px); }
@media (prefers-reduced-motion: reduce) {
	.kfx-shimmer-button > .wp-block-button__link::after { animation: none !important; transform: translateX(-110%); }
}