body, h1, h2, h3, h4, h5, h6, ul, p, input, button {
  margin: 0;
  padding: 0; }

img {
  border: none;
  vertical-align: top;
  max-width: 100%; }

button {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border: none;
  background: none;
  cursor: pointer; }

body {
  letter-spacing: normal;
  word-break: keep-all;
  background: #fff; }
  body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none; }

.image-container {
  position: relative;
  width: 100%;
  max-width: 512px; /* 원본 이미지 기준 */
  margin: 0 auto;
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}

/* 공통 버튼 스타일 */
.btn-overlay {
  position: absolute;
  display: block;
  background-color: rgba(0, 0, 0, 0); /* 완전 투명 */
  z-index: 10;
  cursor: pointer;
}

/* 지금 다운받기 버튼 (위에서 약 505px 위치 → 비율 기준: 505 / 2048 ≈ 24.6%) */
.btn-download {
  top: 40%;
  left: 10%;
  width: 80%;
  height: 1.5%;
}

/* 키워드 복사하기 버튼 (위에서 약 1882px 위치 → 비율: 1882 / 2048 ≈ 91.9%) */
.btn-copy {
  top: 65.2%;
  left: 43%;
  width: 47%;
  height: 1.8%;
}

/* 인증하고 선물받기 버튼 (위에서 약 1882px 위치 → 비율: 1882 / 2048 ≈ 91.9%) */
.btn-verify {
  top: 93.2%;
  left: 10%;
  width: 80%;
  height: 1.5%;
}

/* 이벤트 소문내기 공유 버튼 */
.floating-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 100px; /* 필요 시 조정 가능 */
  z-index: 9999;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.floating-button:hover {
  transform: scale(1.05);
}