#support-dropdown {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    text-align: center;
}

#support-button {
    background-color: #ED2775;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* سایه برای دکمه */
    transition: background-color 0.3s ease; /* انتقال رنگ پس زمینه با انیمیشن */
}

#support-button:hover {
    background-color: #ff277c; /* تغییر رنگ پس زمینه هنگام هاور */
}

#support-button i {
    color: white;
    font-size: 24px;
}

#support-options {
    position: absolute;
    bottom: 70px; /* فاصله لیست از دکمه */
    right: 50%;
    transform: translateX(50%);
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px; /* شکل گرد */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* سایه */
    overflow: hidden; /* جلوگیری از نمایش خارج از مرزهای لیست */
    z-index: 1000;

}

#support-options.active {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#support-options a {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #0073aa;
    transition: background-color 0.3s ease; /* انتقال رنگ پس زمینه با انیمیشن */
}

#support-options a:hover {
    background-color: #f1f1f1; /* تغییر رنگ پس زمینه هنگام هاور */
}

#support-options a i {
    font-size: 31px;
}
i.ri-whatsapp-fill {
    color: #4CAF50;
}
i.ri-telegram-fill {
    color: #2196F3;
}
/* css single blog */
/*  menu mobile hover ok  */
.navbar-toggler:focus{
   
    background-color: unset!important;
    
}

.blog-details-desc .comments-area .comment-respond .form-submit input:hover , .widget-area .widget_search form button:hover  {
    background-color: #ff277c!important;
}