@import url("./tokens.css");

.fd-gold-button {
  min-height: 44px;
  border: 1px solid var(--fd-border-gold);
  border-radius: var(--fd-radius-sm);
  background: linear-gradient(180deg, var(--fd-gold-soft), var(--fd-gold));
  color: var(--fd-text-dark);
  font-weight: 700;
  letter-spacing: 0;
  transition: transform var(--fd-transition-fast), box-shadow var(--fd-transition-fast);
}

.fd-gold-button:hover {
  box-shadow: var(--fd-glow-gold);
  transform: translateY(-1px);
}

.fd-hotspot {
  width: 42px;
  height: 42px;
  border: 1px solid var(--fd-border-gold);
  border-radius: 50%;
  background: rgba(214, 168, 79, 0.14);
  box-shadow: var(--fd-glow-gold);
}