/* MORE8 - 이중 원 + 대각선 화살표 + 텍스트 (hover inner 확대) */
/* 크기 조절: 부모(.hymore_wrap)에서 --more-size, --more-icon 설정 */

.hymore8 {
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, calc(0.47vw + 6.5px), 14px);
  text-decoration: none;
}

/* 외곽 연한 원 */
.hymore8_outer {
  width: var(--more-size, clamp(48px, calc(1.09vw + 44.5px), 62px));
  height: var(--more-size, clamp(48px, calc(1.09vw + 44.5px), 62px));
  border-radius: 50%;
  background: var(--primary-op50);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  transition: background 0.3s ease;
}

/* 안쪽 진한 원 */
.hymore8_inner {
  width: 76%;
  height: 76%;
  border-radius: 50%;
  background: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.35s ease;
}

.hymore8:hover .hymore8_inner {
  transform: scale(1.3);
}

/* 대각선 화살표 SVG */
.hymore8_arrow {
  width: var(--more-icon, clamp(14px, calc(0.31vw + 13px), 18px));
  height: var(--more-icon, clamp(14px, calc(0.31vw + 13px), 18px));
  display: block;
  transition: transform 0.3s ease;
}

.hymore8:hover .hymore8_arrow {
  transform: translate(1px, 1px);
}

/* 텍스트 */
.hymore8_txt {
  font-size: var(--more-txt, clamp(13px, calc(0.31vw + 12px), 16px));
  font-weight: var(--more-tw, 600);
  color: var(--more-tc, var(--text-color2, #555));
  letter-spacing: 0.05em;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.hymore8:hover .hymore8_txt {
  color: var(--text-color, #333);
}

/* 모바일 */
@media screen and (max-width: 768px) {
  .hymore8 {
    gap: 8px;
  }
  .hymore8_txt {
    font-size: 12px;
  }
}