/* ══ 플로팅 버튼 ══ */
.subsidy-float {
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 150;
  display: flex;
  gap: 0;
  /* 2026-04-18: HERO 섹션 내 숨김 애니메이션용 */
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.subsidy-float__btn {
  background: var(--gold);
  color: var(--black);
  font-weight: 900;
  font-size: 0.95rem;
  width: 200px;
  text-align: center;
  padding: 20px 0;
  text-decoration: none;
  border: 2px solid var(--black);
  transition: background 0.2s;
}
.subsidy-float__btn:hover {
  background: var(--gold-dark);
}

.subsidy-float__btn--secondary {
  background: var(--black);
  color: var(--gold);
  border: 2px solid var(--gold);
}
.subsidy-float__btn--secondary:hover {
  background: var(--black4);
}

/* ══ HERO 섹션 안에서 숨김 처리 (subsidy-float.js 연동) ══
 * 핵심: translateX(-50%)로 중앙정렬된 상태를 유지하면서
 *       아래쪽으로 20px 이동 + 투명도 0
 *       → transform 값을 결합해서 선언해야 함 */
.subsidy-float.is-hidden {
  opacity: 0 !important;
  pointer-events: none;
  transform: translateX(-30%) translateY(10px);
}

@media (max-width: 640px) {
  .subsidy-float {
    bottom: 20px;
  }
  .subsidy-float__btn {
    font-size: 0.75rem;
    width: 130px;
  }
}