/* 1. アニメーションの定義 */
@keyframes zoomFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* 2. ボタン本体 */
#dify-chatbot-bubble-button {
	bottom: 25px;
	right: 25px;
    width: auto !important;
    height: 35px !important;
    min-width: 35px;
    border-radius: 24px !important;
    background-color: #f7b930 !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(247, 185, 48, 0.3) !important;
    border: none !important;
    opacity: 0;
    animation: zoomFadeIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: 0.5s;
}

/* 3. アイコン（SVG）の調整 */
#dify-chatbot-bubble-button svg {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    fill: #ffffff !important;
    flex-shrink: 0;
}

/* 4. 「HELP」テキスト */
#dify-chatbot-bubble-button::after {
    content: "HELP";
    color: #000000 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    font-family: sans-serif;
}