/* MORE6 - 원형 플러스 아이콘 (hover 회전 + 메인컬러) */
/* 크기 조절: 부모(.hymore_wrap)에서 --more-size, --more-icon 설정 */
.hymore6 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.hymore6 i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--more-size, clamp(40px, calc(0.78vw + 37.5px), 50px));
  height: var(--more-size, clamp(40px, calc(0.78vw + 37.5px), 50px));
  border-radius: 50%;
  background: #222;
  font-size: var(--more-icon, clamp(18px, calc(0.47vw + 16.5px), 24px));
  color: #fff;
  transition: transform 0.4s ease, background 0.3s ease;
  line-height: 1;
  flex-shrink: 0;
}
.hymore6:hover i {
  transform: rotate(180deg);
  background: var(--primary, #333);
}
.hymore6_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));
  white-space: nowrap;
  letter-spacing: 0.05em;
  transition: color 0.2s ease;
}
.hymore6:hover .hymore6_txt {
  color: var(--text-color, #333);
}