#icons {
    position:fixed;
    bottom:15px;
    right:15px;
}
.phone, .wts, .vk, .vib, .tel, .email, .remove, .mor {
    background: #000;
    color:#fff;
    display: none;
    width:50px;
    height:50px;
    line-height: 62px;
    text-align: center;
    border-radius:50%;
    margin:15px 0;
    cursor:pointer;
    }
.phone:hover, .wts:hover, .vk:hover, .vib:hover, .tel:hover, .email:hover, .remove:hover{
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
}


a {
    color:#fff;
}
i {
    font-size:28px;
}
a:hover {
     opacity:0.7;

}
i:hover{

    /*opacity:0.9;*/

    /*content: attr(data-title);*/
    /*position: absolute; !* Абсолютное позиционирование *!*/
    /*left: -240%; top: 35%; !* Положение подсказки *!*/
    /*z-index: 1; !* Отображаем подсказку поверх других элементов *!*/
    /*background: rgba(255,255,230,0.9); !* Полупрозрачный цвет фона *!*/
    /*font-family: Arial, sans-serif; !* Гарнитура шрифта *!*/
    /*font-size: 14px; !* Размер текста подсказки *!*/
    /*color: #0b0b0b;*/
    /*padding: 1px 1px; !* Поля *!*/
    /*border: 1px solid #333; !* Параметры рамки *!*/
}

.mor {
    display: block;
    background: #007bb5;

}
.phone {
    background: #007bb5;
}
.wts {
    background: #4dc247;
}
.vk{
    background:#6383a8;
}
.vib{
    background:#8b66a9;
}
.tel{
    background:#28a8e9;
}
.email {
    background: #333;
}
.remove {
    background: #ff0000;
}