footer {
/* display: flex;

width: 100dvh;     */


background-color: var(--rozovii);
    bottom: 0;
    width: 100%;
    
    z-index: 999;
    /* text-shadow: 1px 1px 4px var(--teni2); */
    overflow-x: auto;

    
    
}

footer a {
    color: var(--bordovii);
    float: left;
    display: block;
    text-align: center;
    padding: 14px 16px;
    /* text-decoration: none; */
    font-size: 17px;
    text-shadow: 1px 1px 4px var(--teni_a);
}

footer > a:hover {
    background: var(--bordovii);
    color: var(--rozovii);
    /* text-shadow: 1px 1px 4px var(--teni3); */
    text-shadow: 1px 1px 4px var(--teni_a_hover);
}

footer img {
    width: 39px;
    height: auto;
    border-radius: 10px;
    margin: 0;
    padding: 0;
    /* border: 1px solid var(--teni_menu); */
    box-shadow: 1px 1px 5px var(--teni_menu);
}

/* footer  */
svg {
    width: 31px;
    height: auto;
    border-radius: 10px;
    margin: 0;
    padding: 4px;
    /* border: 1px solid var(--teni_menu); */
    box-shadow: 1px 1px 5px var(--teni_menu);
}

/* footer  */
svg:hover {
    background: var(--bordovii);
}

footer img:hover {
    box-shadow: 1px 1px 2px var(--teni_menu);
}

.icon_footer a {
    margin: 0;
    padding: 5px 5px 0px;
}

.icon_footer > a > svg > * {
    color: var(--bordovii);
}

.icon_footer > a:hover > svg > * {
    color: var(--rozovii);
}

.icon_footer > a:hover > * {
    background: var(--bordovii);
}