/* Nút liên hệ nổi (điện thoại/Zalo/TikTok/Messenger) - sao từ phongtro.tro4u */
.fixed__contact{position:fixed;bottom:30px;right:30px;z-index:50}.fixed__contact .navigation{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.fixed__contact .menuToggle{position:relative;width:50px;height:50px;border-radius:50%;cursor:pointer;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px rgba(0,0,0,.3)}.fixed__contact .menuToggle::before{content:"";position:absolute;font-size:3em;font-weight:400;color:var(--main-cl);transition:1s;background:url("../images/phone-ring.svg") center no-repeat;width:30px;height:30px;background-size:cover;animation-name:ring;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}.fixed__contact .menuToggle.active::before{transform:rotate(225deg)}.fixed__contact .menuToggle.active~.menu{width:70px;height:260px;z-index:1;transform:translateX(-80px);transition-delay:0s,.2s,.2s;box-shadow:0 5px 20px rgba(0,0,0,.3);bottom:-20px}.fixed__contact .menuToggle.active~.menu::before{opacity:1;transition-delay:.5s}.fixed__contact .menuToggle.active~.menu ul li{opacity:1;visibility:visible;transition-delay:calc(.3s + var(--i))}.fixed__contact .menu{position:absolute;width:30px;height:30px;background-color:#fff;border-radius:70px;z-index:-1;transition:transform .3s,width .3s,height .3s,bottom .3s;transition-delay:.6s,.3s,.3s,.3s;transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);bottom:8px}.fixed__contact .menu::before{content:"";position:absolute;width:16px;height:16px;background-color:#fff;bottom:38px;left:88%;margin:auto;transform:rotate(45deg);border-radius:2px;transition:.3s;opacity:0}.fixed__contact .menu ul{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;gap:30px}.fixed__contact .menu ul li{cursor:pointer;visibility:hidden;opacity:0;transition:.25s;transition-delay:calc(0s + var(--i));height:30px}.fixed__contact .menu ul li a{display:block;color:#555;height:100%}.fixed__contact .menu ul li a img{height:30px}.coccoc-alo-ph-circle{width:100px;height:100px;top:-25px;left:-25px;position:absolute;background-color:rgba(0,0,0,0);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid #0068ff;opacity:.1;animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.coccoc-alo-ph-circle-fill{width:80px;height:80px;top:-15px;left:-15px;position:absolute;background-color:rgba(0,104,255,.6);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(0,0,0,0);opacity:.1;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}@keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(0.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}}
@media(width <= 768px){.fixed__contact{bottom:80px;right:15px}.fixed__contact .menuToggle{width:40px;height:40px}.fixed__contact .menuToggle.active~.menu{width:260px;height:50px}.fixed__contact .menu ul{flex-direction:row}.fixed__contact .menuToggle.active~.menu{transform:translate(0, -60px);bottom:unset;right:-10px}.fixed__contact .menu::before{left:unset;right:22px;bottom:-6px}.fixed__contact .menu{bottom:unset;transition:transform .8s,width .3s,height .3s,right .3s;right:5px}.coccoc-alo-ph-circle{width:80px;height:80px;top:-20px;left:-20px}.coccoc-alo-ph-circle-fill{width:60px;height:60px;top:-10px;left:-10px}}