#floating-ball {
            z-index: 9999999;
            position: fixed;
            right: 50px;
            width: 60px;
            height: 60px;
            background-color: rgba(0, 0, 0, 0.0);
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: red;
            font-size: 44px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.0);
            transition: background-color 0.3s ease, transform 1s ease;
            user-select: none;
            touch-action: none;
        }

        #floating-ball:hover {
            background-color: rgba(0, 0, 0, 0.0);
        }

        .rotate {
            animation: spin 2s linear infinite;
        }

        @keyframes spin {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        #audio-player {
            display: none;
        }