Фиксированное боковое меню с иконками

Код

<div class="vert-menu">
	<div class="floatbut1 callback-callme"><i class="fas fa-phone-alt"></i><span class="fl-text">Заказать звонок</span></div>
	
<a href="#"><div class="floatbut2"><i class="fab fa-facebook-f"></i><span class="fl-text">Мы в Facebook</span></div></a>

<a href="#"><div class="floatbut3"><i class="fab fa-vk"></i><span class="fl-text">Мы ВКонтакте</span></div></a>
	
<a href="#"><div class="floatbut4"><i class="fab fa-instagram"></i><span class="fl-text">Мы в Instagram</span></div></a>
	
<a href="#"><div class="floatbut5"><i class="fab fa-youtube"></i><span class="fl-text">Мы в Youtube</span></div></a>
</div>

 

Стили

/*Начало бокового меню*/
@media (max-width: 600px) {
.fl-text {
    display:none;
}
.vert-menu {
    width:100%;
}
.floatbut1, .floatbut2, .floatbut3, .floatbut4, .floatbut5 {
	top: auto!important;
	bottom:0;
	width:20%!important;
	justify-content: center;
	align-items: center!important;
}
.floatbut1:hover, .floatbut2:hover, .floatbut3:hover, .floatbut4:hover, .floatbut5:hover {
    transform: translateY(-10px)!important;
	transform: translateX(0)!important;
}
.floatbut1 {
    left:0%;
}
.floatbut2 {
    left:20%;
}
.floatbut3 {
    left:40%;
}
.floatbut4 {
    left:60%;
}
.floatbut5 {
    left:80%;
}
}
.fl-text {
    color: #fff;
    font-size: 13px;
	font-weight:500;
    vertical-align: top;
    line-height: 31px;
    margin-left: 16px;
}
.floatbut1 {
    top: 250px;
}
.floatbut2 {
    top: 290px;
}
.floatbut3 {
    top: 330px;
}
.floatbut4 {
    top: 370px;
}
.floatbut5 {
    top: 410px;
}
.floatbut1>.fas.fa-phone-alt, .floatbut2>.fab.fa-facebook-f, .floatbut3>.fab.fa-vk, .floatbut4>.fab.fa-instagram, .floatbut5>.fab.fa-youtube {
	color:#fff;
	width: 14px;
    text-align: center;
}
.floatbut1, .floatbut2, .floatbut3, .floatbut4, .floatbut5 {
    display: inline-flex;
    z-index: 101;
    position: fixed;
    right: -130px;
    width: 170px;
	height:40px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    background: #3DAB26;
    padding: 5px 10px;
	align-items: baseline;
	
}
.floatbut1:hover, .floatbut2:hover, .floatbut3:hover, .floatbut4:hover, .floatbut5:hover {
    transform: translateX(-140px);
    transition: 1s;
    text-decoration: none;
	background:#0B71BC;
}
/*Конец бокового меню*/