.icon-bar {
    text-align: center;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-bar ul {
    list-style-type: none;
    width: 0
}

.icon-bar ul li a {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    display: block;
    padding: 5px;
    margin: 2px 0;
    transition: .3s;
    color: #fff;
    font-size: 20px;
    width: 50px;
    float: right
}

.icon-bar ul li {
    width: 100%;
    display: inline-block
}

.icon-bar ul li a:hover {
    width: 200px;
    transition: .4s
}

.facebook {
    /* background: #3b5998; */
    background: radial-gradient(circle at 30% 107%, #e65396ab 0, #4966f9 90%);
    color: #fff
}

.FILI,.FOCU img,.addtocart:focus img {
    filter: invert(1)
}

@media screen and (min-width: 576px) and (max-width:818px) {
    .icon-bar {
        display:none
    }
}