/* MORE9 - Pill 버튼 (텍스트 + 원형 + 아이콘) */
/* 크기 조절: 부모(.hymore_wrap)에서 --more-size, --more-icon, --more-txt, --more-rd 설정 */

.hymore9 {
  display: inline-flex;
  align-items: center;
  gap: clamp(6px, calc(0.47vw + 4.5px), 12px);
  text-decoration: none;
  background: var(--more-bg, var(--primary));
  border-radius: var(--more-rd, 100px);
  padding: 0 clamp(14px, calc(0.78vw + 11.5px), 22px) 0 clamp(16px, calc(0.78vw + 13.5px), 26px);
  height: var(--more-size, clamp(34px, calc(1.09vw + 30.5px), 48px));
  transition: background 0.3s ease, transform 0.2s ease;
  overflow: hidden;
}

.hymore9:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

/* 텍스트 */
.hymore9_txt {
  font-size: var(--more-txt, clamp(14px, calc(0.31vw + 13px), 18px));
  font-weight: var(--more-tw, 600);
  color: var(--more-tc, #fff);
  white-space: nowrap;
  letter-spacing: -0.02em;
}

/* + 아이콘 */
.hymore9_icon {
  font-size: var(--more-icon, clamp(18px, calc(0.47vw + 16.5px), 24px));
  color: #fff;
  line-height: 1;
  display: flex;
  align-items: center;
  transform: translateY(-1px);
}

/* 모바일 */
@media screen and (max-width: 768px) {
  .hymore9 {
    padding-left: 14px;
  }
  .hymore9_txt {
    font-size: 13px;
  }
}