/* ФИКС для иконки ВК на кнопках - УДАЛЯЕТ ВСЕ ПРЕДЫДУЩИЕ СТИЛИ */

/* СБРОС ВСЕХ СТИЛЕЙ ДЛЯ ИКОНКИ ВК НА КНОПКАХ */
.vk-button i,
.vk-button i.fab.fa-vk,
.vk-button i.fa-vk,
.contact-detail .vk-button i,
.contact-details .vk-button i,
.footer .vk-button i,
.mobile-menu-footer .vk-button i,
.nav.active .mobile-menu-footer .vk-button i {
    /* СБРОС ВСЕХ СВОЙСТВ */
    all: unset !important;
    
    /* БАЗОВЫЕ СВОЙСТВА ИКОНКИ */
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    
    /* РАЗМЕР И ВЫРАВНИВАНИЕ */
    font-size: 1.2em !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    margin-right: 8px !important;
    
    /* ЦВЕТ */
    color: white !important;
}

/* СБРОС ВСЕХ АНИМАЦИЙ И ПЕРЕХОДОВ */
.vk-button i,
.vk-button i.fab.fa-vk,
.vk-button:hover i,
.vk-button:active i,
.vk-button:focus i {
    transition: none !important;
    transform: none !important;
}

/* КНОПКА ВК ОБЩИЕ СТИЛИ */
.vk-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #4C75A3 !important;
    color: white !important;
    text-decoration: none !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin: 5px 0 !important;
    min-height: 44px !important;
    box-shadow: 0 4px 6px rgba(76, 117, 163, 0.2) !important;
    border: 2px solid transparent !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
}

/* ХОВЕР ЭФФЕКТЫ ТОЛЬКО ДЛЯ КНОПКИ, НЕ ДЛЯ ИКОНКИ */
.vk-button:hover {
    background-color: #3a5a80 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(76, 117, 163, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* МОБИЛЬНАЯ ВЕРСИЯ */
@media screen and (max-width: 768px) {
    .vk-button {
        display: flex !important;
        width: 100% !important;
        padding: 14px 20px !important;
        margin: 15px 0 !important;
    }
    
    .vk-button i,
    .vk-button i.fab.fa-vk {
        margin-right: 8px !important;
        font-size: 1.2em !important;
    }
}

/* ОЧЕНЬ ВАЖНО: переопределяем любые другие стили которые могут скрывать иконку */
*[class*="vk"] i.fa-vk,
*[class*="VK"] i.fa-vk,
a[href*="vk.com"] i.fa-vk,
a[href*="vkontakte"] i.fa-vk {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}