/* --- 원본 + 수정사항 반영 --- */

.change-text-hover {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
    padding-left: 5px;
  }
  
  /* 우측 정렬 관련 */
  .change-text-hover.text-right .change-text-hover__hover {
    left: auto;
    right: 0;
  }
  
  /* 화면이 990px 이상일 때의 우측 정렬 */
  @media screen and (min-width: 990px) {
    .change-text-hover.text-lg-right .change-text-hover__hover {
      left: auto;
      right: 0;
    }
  }
  
  /* 텍스트 센터 정렬일 때 (기본적으로 X축만 중앙) */
  .change-text-hover.text-center .change-text-hover__hover {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  
  /* 호버 라인(밑줄) - 원본은 "left center"였으나, center로 변경 */
  .change-text-hover_line-visible .change-text-hover__line {
    transform: scaleX(1) !important;
    transform-origin: center center !important;
    transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  
  /* 호버 전 상태(normal)에서 텍스트가 오른쪽으로 이동 */
  .change-text-hover_line-visible .change-text-hover__normal {
    transform: translateX(100%);
  }
  
  /* 호버 콘테이너 기본: inline-flex + 절대 위치(top:0) */
  .change-text-hover__hover {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: 0;
  }
  
  /* 호버 라인 기본 */
  .change-text-hover__line {
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: var(--color-gray-1);
    margin-right: 1em;
    transform: scaleX(0);
  }
  
  /* ---------------------------------------------
     (추가) 수직/수평 모두 중앙에 배치하고 싶다면
     아래처럼 오버라이드해줄 수 있습니다.
     --------------------------------------------- */
  
  /* (1) 호버 컨테이너를 부모 너비 전체로 잡고, 
        수평/수직 중앙 정렬하기 (예: 버튼 자체 화면 한복판에 띄우고 싶을 때) */
  .change-text-hover__hover {
    width: 100%;                 /* 필요 시 조정 */
    justify-content: center;     /* 가로축 중앙 배치 */
    top: 50%;                    /* 세로축 절반 지점 */
    transform: translate(-50%, -50%); /* x, y축 모두 중앙으로 보정 */
    left: 50%;                   /* 위에서 이미 .text-center에는 left:50% 있으나, 확실히 추가 */
  }
  
  /* (2) split-text로 쪼개진 문자가 중앙에서 펼쳐지도록 (transform-origin) */
  .js-split-text.split-text .split-text__line {
    transform-origin: center center !important;
  }