
.quick-contact{position:fixed;z-index:1200;right:14px;top:50%;transform:translateY(-50%);display:grid;gap:9px;font-family:'Be Vietnam Pro',Arial,sans-serif}.quick-contact-action{position:relative;display:flex;flex-direction:row-reverse;align-items:center;gap:8px;text-decoration:none!important;color:#20372d!important}.quick-contact-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;box-shadow:0 5px 16px #20372d26;transition:transform .18s,box-shadow .18s}.quick-contact-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.quick-contact-action:hover .quick-contact-icon,.quick-contact-action:focus-visible .quick-contact-icon{transform:scale(1.08);box-shadow:0 8px 20px #20372d3c}.quick-contact-label{display:none!important}.quick-contact-hotline .quick-contact-icon{background:#23664d}.quick-contact-zalo .quick-contact-icon{background:#0878ff}.quick-contact-zalo .quick-contact-icon span{font-size:10px;font-weight:800;letter-spacing:-.4px;border:1.5px solid currentColor;border-radius:7px;padding:3px 4px}.quick-contact-messenger .quick-contact-icon{background:#1684ff}.quick-contact-map .quick-contact-icon{background:#b9862a}.quick-contact-action:focus-visible{outline:3px solid #d9b65f;outline-offset:3px;border-radius:999px}@media(max-width:760px){.quick-contact{right:8px;gap:8px;top:50%}.quick-contact-action{width:44px;height:44px;justify-content:center;gap:0}.quick-contact-icon{width:44px;height:44px}.quick-contact-label{display:none}}@media(prefers-reduced-motion:reduce){.quick-contact-icon{transition:none}}
