/* 初期状態は常に表示。JavaScript が停止しても情報や予約操作を隠さない。 */
.hero{overflow:clip}
.cta{position:relative;isolation:isolate;overflow:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1);filter:none}
.cta::before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff24 48%,transparent 76%);transform:translateX(-130%);z-index:-1;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.cta>span[aria-hidden]{transition:transform .28s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .cta:hover{filter:none;transform:translateY(-2px)}
  .cta:hover::before{transform:translateX(130%)}
  .cta:hover>span[aria-hidden]{transform:translateX(3px)}
}
.cta:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .cta,.cta::before,.cta>span[aria-hidden]{transition:none!important;transform:none!important}
  .cta::before{display:none}
}