.index-hero__open-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  display: block;
  width: 30px;
  height: 30px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease;
}

.index-hero__open-icon img {
  display: block;
  width: 30px;
}

.index-hero__slide:hover .index-hero__open-icon,
.index-hero__slide:focus-visible .index-hero__open-icon {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .index-hero__open-icon {
    transition: none;
  }
}

/* 2026-10-27 Figma 02.index 태블릿·모바일 — 터치 기기(마우스 올림 없음)는 크게 보기 아이콘을 늘 보인다. PC 는 그대로 hover 때만. */
@media (hover: none) {
  .index-hero__open-icon {
    opacity: 1;
  }
}