.f-contact-button{position:fixed;bottom:60px;left:40px;border-radius:50%;padding:10px;background:#fc4a1a;background:-webkit-linear-gradient(to right,#fc4a1a,#f7b733);background:linear-gradient(to right,#fc4a1a,#f7b733);cursor:pointer;z-index:1000;width:60px;height:60px;animation:glowing 1100ms infinite}
@keyframes glowing{0%{box-shadow:0 0 3px rgb(0 0 0 / 20%)}50%{box-shadow:0 0 15px rgb(0 0 0 / 80%)}100%{box-shadow:0 0 3px rgb(0 0 0 / 20%)}}
.f-hiden,.f-show{display:none}
.f-social-icons{position:fixed;bottom:125px;left:50px;border-radius:5px;z-index:999;display:flex;flex-direction:column}
.f-social-icon{padding:10px;text-decoration:none}
a.f-social-icon img{width:20px;height:20px}
.f-social-icon.address,.f-social-icon.facebook,.f-social-icon.messenger,.f-social-icon.email,.f-social-icon.zalo,.f-social-icon.phone{display:grid;place-items:center}
div#f-social-icons a{margin-bottom:20px}
a.f-social-icon img:hover{transform:scale(1.2);animation:runglac 0.6s ease-in-out infinite}
@keyframes runglac{0%{transform:translate(0,0)}10%{transform:translate(1px,-1px)}20%{transform:translate(-2px,2px)}30%{transform:translate(3px,1px)}40%{transform:translate(-1px,3px)}50%{transform:translate(2px,-2px)}60%{transform:translate(-3px,-1px)}70%{transform:translate(1px,2px)}80%{transform:translate(-2px,-3px)}90%{transform:translate(3px,3px)}100%{transform:translate(0,0)}}
.f-social-icon:last-child{border-bottom:none}
.hidden{display:none}
.f-contact-button .f-hiden.active{display:block}
.f-contact-button .f-show.active{display:block}
.f-hiden,.f-show{text-align:center;line-height:35px}
.f-hiden img,.f-show img{vertical-align:middle;width:25px;height:25px;display:inline-block}
a.f-social-icon.address{background:linear-gradient(47deg,rgb(255 6 133) 0%,rgb(255 0 0) 100%);border-radius:999px;width:40px;height:40px}
a.f-social-icon.facebook{background:linear-gradient(47deg,rgb(203 10 214) 0%,rgb(0 126 255) 100%);border-radius:999px;width:40px;height:40px}
a.f-social-icon.messenger{background:linear-gradient(36deg,rgba(31,132,252,1) 0%,rgb(255 0 212) 100%);border-radius:999px;width:40px;height:40px}
a.f-social-icon.email{background:linear-gradient(47deg,rgb(222 33 0) 0%,rgb(255 200 0) 100%);border-radius:999px;width:40px;height:40px}
a.f-social-icon.zalo{background:linear-gradient(36deg,rgba(0,101,247,1) 0%,rgb(0 240 252) 100%);border-radius:999px;width:40px;height:40px}
a.f-social-icon.phone{background:linear-gradient(47deg,rgb(19 141 160) 0%,rgb(0 243 86) 100%);border-radius:999px;width:40px;height:40px}
.f-social-icons span{opacity:0;/* Initially transparent */
    transition:opacity 0.3s ease;/* Add smooth transition */
    position:absolute;left:50px;background:#000000;padding:2px 10px;border-radius:10px;color:#fff;margin-top:-2px}
.f-social-icons a:hover span{opacity:1;left:50px;background:#000000;padding:2px 10px;border-radius:10px;color:#fff}