.floating-purchase-btn {
  position: fixed;
  bottom: 20px; /* 下からの距離 */
  right: 20px;  /* 右からの距離 */
  background-color: #4B0A0A; /* ボタン色 */
  color: white;
  padding: 15px 25px;
  border-radius: 50px; /* 角丸 */
  text-decoration: none;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* 立体的な影 */
  z-index: 1000; /* 他の要素より前面に表示 */
  transition: transform 0.3s; /* ホバー時のアニメーション */
}

.floating-purchase-btn:hover {
  transform: scale(1.05); /* ホバーで少し大きく */
  background-color: #4B0A0A;
}