.social-icon {
    background-color: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 30px;
    width: 30px;
    -webkit-mask: var(--social-icon) center / contain no-repeat;
    mask: var(--social-icon) center / contain no-repeat;
}

.social-icon--telegram {
    --social-icon: url('../img/icons/social/telegram_outline.svg');
}

.social-icon--max {
    --social-icon: url('../img/icons/social/max_outline_no_outer_circle.svg');
}

.social-icon--instagram {
    --social-icon: url('../img/icons/social/instagram_outline.svg');
}

.contact-links .support-link {
    gap: 8px;
    line-height: 1.4;
    padding-top: 10px;
    padding-bottom: 10px;
}

.contact-links .support-link .social-icon {
    color: #fff;
    height: 32px;
    width: 32px;
}

.contact-links .social-icon--telegram {
    --social-icon: url('../img/icons/social/telegram_support.svg');
}

.contact-links .social-icon--max {
    --social-icon: url('../img/icons/social/max_support.svg');
}

.contact-links .support-hours {
    color: #efefef;
    font-size: 12px;
    line-height: 1.5;
    padding: 6px 16px 0;
}

.header-socials {
    align-items: center;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 28px;
    gap: 8px;
    padding: 5px 8px 5px 14px;
}

.header-socials__label {
    color: #737373;
    font-size: 14px;
    white-space: nowrap;
}

.header-socials__link {
    align-items: center;
    background: transparent;
    border-radius: 50%;
    color: #575757;
    display: inline-flex;
    justify-content: center;
    min-height: 36px;
    min-width: 36px;
    transition: color 150ms ease, background-color 150ms ease;
}

.header-socials__icon {
    display: block;
    height: 36px;
    width: 36px;
}

.header-socials__link:hover {
    background: #eaeaea;
    color: #444;
}

.header-socials__link:focus-visible {
    outline: 2px solid #575757;
    outline-offset: 2px;
}

@media (min-width: 576px) and (max-width: 767px) {
    .header-socials {
        gap: 4px;
        padding-left: 8px;
        margin-right: 12px !important;
    }

    .header-socials__label {
        font-size: 12px;
    }
}