/*
 * /ai_driven_development-c の予約ボタンを一定間隔でキラッと光らせる。
 * ボタンに adc-shine を付けると、斜めの光の帯が左から右へ流れる（3.6秒ごと）。
 * 動きを減らす設定の人には出さない。
 */
.adc-shine {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.adc-shine::after {
	content: "";
	position: absolute;
	top: 0;
	left: -60%;
	z-index: 1;
	width: 40%;
	height: 100%;
	background: linear-gradient(
		100deg,
		rgb(255 255 255 / 0) 0%,
		rgb(255 255 255 / 0.6) 50%,
		rgb(255 255 255 / 0) 100%
	);
	transform: skewX(-20deg);
	animation: adc-shine 3.6s ease-in-out infinite;
	pointer-events: none;
}

@keyframes adc-shine {
	0% {
		left: -60%;
	}
	28%,
	100% {
		left: 130%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.adc-shine::after {
		display: none;
	}
}