#scroll-to-top, #scroll-to-bottom {
  position: fixed !important;
  right: 10px !important;
  cursor: pointer !important;
  display: none;
  width: 30px !important;  /* 버튼 크기 30px */
  height: 30px !important;
  background-color: rgba(128, 128, 128, 0.3) !important; /* 기본 반투명 회색 */
  color: rgba(150, 150, 150, 0.6) !important; /* 연한 회색, 반투명 화살표 */
  font-size: 18px !important;  /* 화살표 크기 */
  line-height: 30px !important;
  text-align: center !important;
  border-radius: 50% !important; /* 완전 동그랗게 */
  z-index: 1000 !important;
  user-select: none !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
  pointer-events: auto !important;
}

#scroll-to-top {
  bottom: 50px !important;
}

#scroll-to-bottom {
  bottom: 10px !important;
}

#scroll-to-top:hover, #scroll-to-bottom:hover {
  background-color: rgba(128, 128, 128, 0.8) !important; /* 호버 시 진한 배경 */
  color: #fff !important; /* 호버 시 텍스트 완전 하얀색 */
}