/* ===== フローティングボタン ===== */

.floating-button {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 100;
  padding: 0.5rem;
  font-family: var(--font-franklin);
  font-size: 0.8rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text);
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid rgba(255, 215, 0, 0.9);
  text-decoration: none;
  transition: var(--transition-base);
  backdrop-filter: blur(10px);
}

.floating-button:hover {
  background-color: rgba(255, 215, 0, 0.9);
  color: #000000;
  border-color: var(--color-primary);
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.5);
}

@media (max-width: 768px) {
  .floating-button {
    bottom: 1rem;
    right: 1rem;
  }
}