.chat-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    background-color: #4A90E2; /* تغییر رنگ پس‌زمینه */
    color: white;
    padding: 15px; /* افزایش padding */
    border-radius: 10px; /* گرد کردن گوشه‌ها */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* سایه زیبا */
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: fadeIn 0.5s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

#chat-form {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    width: 100%; /* عرض فرم را 100% قرار می‌دهیم */
}

#chat-form input,
#chat-form textarea {
    margin-bottom: 10px; /* افزایش فاصله بین فیلدها */
    padding: 10px; /* افزایش padding */
    border: none;
    border-radius: 5px; /* گرد کردن گوشه‌ها */
    font-size: 14px; /* تغییر اندازه فونت */
}

#chat-form input {
    background-color: #ffffff; /* رنگ پس‌زمینه ورودی‌ها */
    color: #333; /* رنگ متن ورودی‌ها */
}

#chat-form textarea {
    background-color: #ffffff; /* رنگ پس‌زمینه textarea */
    color: #333; /* رنگ متن textarea */
    resize: none; /* جلوگیری از تغییر اندازه */
    height: 80px; /* ارتفاع ثابت برای textarea */
}

#submit-chat {
    background-color: #FFC107; /* رنگ دکمه ارسال */
    color: #4A90E2; /* رنگ متن دکمه */
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px; /* گرد کردن گوشه‌ها */
    font-weight: bold; /* ضخیم کردن متن */
    transition: background-color 0.3s; /* انیمیشن تغییر رنگ */
}

#submit-chat:hover {
    background-color: #FFB300; /* رنگ دکمه هنگام هاور */
}
.button {
    background-color: #FFC107; /* رنگ پس‌زمینه اصلی */
    color: white; /* رنگ متن */
    padding: 10px 20px; /* فاصله داخلی */
    border: none; /* بدون حاشیه */
    border-radius: 5px; /* گوشه‌های گرد */
    cursor: pointer; /* نشانگر ماوس به شکل دست */
    transition: background-color 0.3s; /* انیمیشن تغییر رنگ */
}

.button:hover {
    background-color: #FF9800; /* رنگ پس‌زمینه هنگام هاور */
}

.button:active {
    background-color: #FF9800; /* رنگ پس‌زمینه هنگام کلیک */
}