.phone-box .oi{opacity:0;width:0;font-size:0;position:absolute;height:0;left:40px;top:7px;-webkit-transition:.3s;transition:.3s}
@keyframes play0{0%,100%,50%{transform:rotate(0) scale(1) skew(1deg)}10%,30%{transform:rotate(-25deg) scale(1) skew(1deg)}20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}}
.fb-box,.phone-box,.zalo-box{width:36px;height:36px;line-height:36px;border-radius:30px;display:inline-block;background:#B8860B;position:relative}
.fb-box img,.phone-box img,.zalo-box img{max-width:25px}
.fb-box svg,.phone-box svg,.zalo-box svg{fill:#fff}
.fb-box:hover,.phone-box:hover,.zalo-box:hover{transform:translateY(-5px)}
.play0{animation:1.5s infinite play0}
.fix-phone{position:fixed;z-index:21;left:0;right:auto;display:flex;border-top-right-radius:30px;border-bottom-right-radius:30px;justify-content:center;align-items:center;background-color:#B8860B}
.fix-phone .notify{right:calc(100% + 15px);top:0;height:fit-content;width:250px}

@media (min-width: 992px) {
.fix-phone{top:50%!important;transform:translateY(-50%);flex-direction:column}
.fix-phone:before{content:"";position:absolute;height:30px;width:60px;top:-30px;left:0;border-radius:0 0 0 50px;box-shadow:-30px 0 0 0 #B8860B;pointer-events:none}
.fix-phone:after{content:"";position:absolute;height:30px;width:60px;bottom:-30px;left:0;border-radius:50px 0 0;box-shadow:-30px 0 0 0 #B8860B;pointer-events:none}
}