- {/* Beat art — still clickable through to the detail page even when sold exclusive */}
-
setIsCardHovered(true)}
+ onMouseLeave={() => setIsCardHovered(false)}
+ style={{
+ background: "#111",
+ border: "1px solid #1a1a1a",
+ borderRadius: 20,
+ overflow: "hidden",
+ transition: "border-color 0.15s, box-shadow 0.15s",
+ boxShadow: isPlaying ? "0 8px 30px rgba(250, 204, 21, 0.08)" : undefined,
+ borderColor: isPlaying ? "rgba(250, 204, 21, 0.3)" : undefined,
+ }}
+ >
+ {audioUrl && (
+