#floating-bubble {position: fixed;right: 20px;top: 20px;background: var(--primary-300);padding: 15px 20px;border-radius: 10px;box-shadow: 0 8px 30px rgba(87, 123, 93, 0.2);max-width: 300px;z-index: 9999;transform-origin: right center;opacity: 0;transform: translateX(50px) scale(0.8);border: 1px solid var(--primary-700);}#floating-bubble.bubble-show {animation: bubbleIn 0.5s ease forwards;}#floating-bubble.bubble-hide {animation: bubbleOut 0.5s ease forwards;}#floating-bubble .close-button {position: absolute;top: -8px;right: -8px;width: 24px;height: 24px;padding-bottom: 3px;background: var(--background);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;color: var(--primary-700);font-size: 18px;border: 1px solid var(--primary-700);transition: all 0.3s ease;}#floating-bubble .close-button:hover {transform: scale(1.1);background: #333;}#floating-bubble .bubble-content {font-size: 16px;line-height: 1.4;margin-bottom: 10px;color: #000;}#floating-bubble .bubble-link {color: var(--primary-800);text-decoration: none;font-weight: 600;display: inline-block;transition: all 0.3s ease;font-size: 18px;}#floating-bubble .bubble-link:hover {color: var(--primary-dark);transform: translateX(5px);}@keyframes bubbleIn {from {opacity: 0;transform: translateX(50px) scale(0.8);}to {opacity: 1;transform: translateX(0) scale(1);}}@keyframes bubbleOut {from {opacity: 1;transform: translateX(0) scale(1);}to {opacity: 0;transform: translateX(50px) scale(0.8);}}