#qcvn-contact{position:fixed;display:flex;flex-direction:column;align-items:flex-start;font-family:Inter,Arial,sans-serif;max-width:calc(100vw - 20px)}
#qcvn-contact,#qcvn-contact *{box-sizing:border-box}
#qcvn-contact .qcvn-btn{display:flex;align-items:center;gap:9px;width:var(--qcvn-width,146px);max-width:100%;min-height:46px;margin:0;padding:7px 10px 7px 7px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--qcvn-start),var(--qcvn-end));color:var(--qcvn-text,#fff);text-align:left;text-decoration:none;text-transform:none;line-height:1.12;letter-spacing:normal;font-family:inherit;box-shadow:0 7px 19px #0000002b;cursor:pointer;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s,filter .22s;-webkit-tap-highlight-color:transparent}
#qcvn-contact .qcvn-btn:hover{color:var(--qcvn-text,#fff);transform:translateY(-2px);box-shadow:0 10px 24px #0000003b;filter:brightness(1.05)}
#qcvn-contact .qcvn-btn:active{transform:scale(.97)}
#qcvn-contact .qcvn-btn:focus-visible{outline:3px solid #111;outline-offset:3px;box-shadow:0 0 0 3px #fff}
#qcvn-contact .qcvn-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff33}
#qcvn-contact .qcvn-icon svg{display:block;width:17px;height:17px}
#qcvn-contact .qcvn-zalo .qcvn-icon{background:#fff}
#qcvn-contact .qcvn-zalo-word{font:bold 11px Arial,sans-serif;color:var(--qcvn-start);letter-spacing:-.6px}
#qcvn-contact .qcvn-copy{display:flex;flex-direction:column;min-width:0}
#qcvn-contact .qcvn-copy strong{font-size:12px;font-weight:800;letter-spacing:.18px;line-height:1.15;overflow-wrap:anywhere}
#qcvn-contact .qcvn-copy small{font-size:9.5px;font-weight:500;margin-top:2.5px;line-height:1.2;opacity:.92;overflow-wrap:anywhere}
#qcvn-contact.qcvn-animated .qcvn-phone .qcvn-icon{animation:qcvn-ring 1.8s ease-in-out infinite}
#qcvn-contact.qcvn-animated .qcvn-quote:after{content:"";position:absolute;top:-60%;left:-60%;width:35%;height:220%;background:#ffffff47;transform:rotate(25deg);animation:qcvn-shine 3.8s ease-in-out infinite;pointer-events:none}
#qcvn-contact .qcvn-status{width:230px;max-width:calc(100vw - 30px);background:#fff;color:#222;padding:12px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 18px #0003;font:13px/1.5 Arial,sans-serif}
#qcvn-contact .qcvn-status[hidden]{display:none}
@keyframes qcvn-ring{0%,40%,100%{transform:rotate(0)}8%{transform:rotate(-10deg)}16%{transform:rotate(10deg)}24%{transform:rotate(-6deg)}32%{transform:rotate(6deg)}}
@keyframes qcvn-shine{0%,65%{left:-60%}100%{left:135%}}
@media(max-width:768px){#qcvn-contact .qcvn-btn{padding:7px 9px 7px 7px}#qcvn-contact .qcvn-copy strong{font-size:11px}#qcvn-contact .qcvn-copy small{font-size:9px}#qcvn-contact.qcvn-mobile-icons .qcvn-btn{width:44px;height:44px;min-height:44px;padding:6px;justify-content:center}#qcvn-contact.qcvn-mobile-icons .qcvn-copy{display:none}}
@media(max-width:359px){#qcvn-contact .qcvn-btn{width:44px;height:44px;min-height:44px;padding:6px;justify-content:center}#qcvn-contact .qcvn-copy{display:none}}
@media(prefers-reduced-motion:reduce){#qcvn-contact .qcvn-btn,#qcvn-contact .qcvn-icon,#qcvn-contact .qcvn-quote:after{animation:none!important;transition:none!important}}
@media print{#qcvn-contact{display:none!important}}