.floating-buttons{
    position:fixed;
    right:43px;
    bottom:110px;
    display:flex;
    flex-direction:column;
    gap:14px;
    z-index:999999;
}

.float-btn{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    box-shadow:0 8px 20px rgba(0,0,0,.2);
    transition:.3s;
    animation:pulse 2s infinite;
}

.float-btn:hover{
    transform:scale(1.15);
}

.zalo{
    background:#ffffff;
}

.zalo img{
    width:34px;
    height:34px;
}

.facebook{
    background:#1877F2;
}

.facebook img{
    width:24px;
    height:24px;
}

.phone{
    background:#25D366;
    color:#fff;
    font-size:28px;
}

.phone img {
  width: 24px;
  height: 24px;
}

.phone i{
    color:#fff;
    font-size:24px;
}

.phone::before{
    background:#25D366;
}

@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(0,0,0,.25);
    }
    70%{
        box-shadow:0 0 0 15px rgba(0,0,0,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(0,0,0,0);
    }
}

@media(max-width:768px){
    .floating-buttons{
        right:18px;
        bottom:180px;
    }

    .float-btn{
        width:48px;
        height:48px;
    }
}