/* MORE4 - 채움 버튼형 (기본 #333 → hover 메인컬러) */
/* 크기 조절: 부모(.hymore_wrap)에서 --more-size, --more-icon 설정 */
a.hymore4,
a.hymore4:link,
a.hymore4:visited,
a.hymore4:active {
  display: inline-block;
  position: relative;
  font-size: var(--more-txt, var(--more-size, 1.5rem));
  font-weight: var(--more-tw, 600);
  color: #fff !important;
  text-decoration: none;
  white-space: nowrap;
  padding: 1.2rem calc(var(--more-icon, 1.8rem) + 2.6rem) 1.2rem 2.4rem;
  background: #333;
  border-radius: 0.8rem;
  transition: all 0.3s ease;
  line-height: 1.4;
}
a.hymore4:hover {
  background: var(--more-thc, var(--primary, #555));
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  color: #fff !important;
}
a.hymore4 i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--more-icon, 1.8rem);
  color: #fff !important;
  transition: right 0.3s ease;
}
a.hymore4:hover i {
  right: 16px;
}
@media (max-width: 992px) {
  a.hymore4,
  a.hymore4:link,
  a.hymore4:visited {
    font-size: 1.3rem;
    padding: 1rem 3.8rem 1rem 1.8rem;
  }
}