/* MORE7 - 점 + 메인컬러 라운드6 → hover 원형(50px) 전환 */
/* 크기 조절: 부모(.hymore_wrap)에서 --more-size, --more-icon, --more-dot 설정 */
.hymore7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
}
.hymore7_dot {
  display: block;
  width: var(--more-dot, 6px);
  height: var(--more-dot, 6px);
  border-radius: 50%;
  background: var(--primary);
  flex-shrink: 0;
}
.hymore7 i {
  display: inline-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: var(--more-rd, 6px);
  background: var(--primary);
  font-size: var(--more-icon, clamp(18px, calc(0.47vw + 16.5px), 24px));
  color: #fff;
  line-height: 1;
  transition: border-radius 0.35s ease, background 0.3s ease;
}
.hymore7:hover i {
  border-radius: 50px;
  background: var(--primary-800);
}
.hymore7_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;
}
.hymore7:hover .hymore7_txt {
  color: var(--more-thc, var(--text-color, #333));
}