/* ==========================================================
   KOSMODRIFT HEADER SOCIAL — FOOTER STYLE
   ========================================================== */

/*
 * Это резервный стиль, который применяется сразу при загрузке.
 * После запуска JavaScript параметры будут точно скопированы
 * с действующих кнопок соцсетей в подвале.
 */

header a[href*="t.me"],
header a[href*="telegram.me"],
header a[href*="vk.com"],
header a[href*="vk.ru"],
header a[href*="instagram.com"] {
    box-sizing: border-box !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;

    padding: 0 !important;

    border:
        1px solid
        rgba(67, 195, 238, 0.32) !important;

    border-radius: 6px !important;

    background:
        rgba(3, 31, 43, 0.88) !important;

    color: #f4fbff !important;

    box-shadow:
        inset 0 0 0 1px
        rgba(255, 255, 255, 0.015) !important;

    text-decoration: none !important;
    overflow: hidden !important;

    transition:
        border-color 160ms ease,
        background-color 160ms ease,
        color 160ms ease,
        transform 160ms ease !important;
}

header a[href*="t.me"]:hover,
header a[href*="telegram.me"]:hover,
header a[href*="vk.com"]:hover,
header a[href*="vk.ru"]:hover,
header a[href*="instagram.com"]:hover {
    border-color:
        rgba(70, 210, 255, 0.8) !important;

    background:
        rgba(8, 55, 70, 0.96) !important;

    color: #48d7ff !important;

    transform:
        translateY(-1px) !important;
}

header a[data-kdb-footer-social-style="true"] {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    text-decoration: none !important;
}

header a[data-kdb-footer-social-style="true"]
svg,
header a[data-kdb-footer-social-style="true"]
img {
    display: block !important;
    flex: 0 0 auto !important;
}

@media (max-width: 760px) {
    header a[href*="t.me"],
    header a[href*="telegram.me"],
    header a[href*="vk.com"],
    header a[href*="vk.ru"],
    header a[href*="instagram.com"] {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }
}