.contact-float{position:fixed;z-index:30;top:104px;right:22px;display:grid;overflow:visible;border:0;border-radius:18px;background:transparent;box-shadow:none;cursor:grab;touch-action:none}
.contact-float:active{cursor:grabbing}
.float-item{position:relative;display:grid;width:54px;height:54px;place-items:center;border-bottom:1px solid rgba(245,102,0,.32);background:transparent;color:#f56600;transition:background .2s,box-shadow .2s}
.float-item:first-of-type{border-radius:17px 17px 0 0}
.float-item:last-child{border-bottom:0;border-radius:0 0 17px 17px}
.float-item:hover{background:rgba(255,255,255,.94);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.float-item b{font:800 15px/1 Arial,sans-serif}
.float-item span{position:absolute;right:64px;display:block;padding:7px 10px;background:#f56600;color:#fff;font-size:12px;opacity:0;pointer-events:none;transform:translateX(6px);transition:opacity .2s,transform .2s;white-space:nowrap}
.float-item:hover span{opacity:1;transform:translateX(0)}
.drag-handle{position:absolute;top:50%;left:-18px;width:18px;height:54px;padding:0;border:0;border-radius:12px 0 0 12px;background:rgba(245,102,0,.14);color:#f56600;cursor:grab;font-size:21px;line-height:1;transform:translateY(-50%);touch-action:none;opacity:0;transition:opacity .2s}
.contact-float:hover .drag-handle,.drag-handle:focus{opacity:1}
.drag-handle:active{cursor:grabbing}
@media(max-width:640px){.contact-float{top:auto;right:12px;bottom:12px;grid-template-columns:repeat(4,1fr);border-radius:14px}.float-item{width:44px;height:44px;border-right:1px solid rgba(245,102,0,.32);border-bottom:0}.float-item:first-of-type{border-radius:13px 0 0 13px}.float-item:last-child{border-right:0;border-radius:0 13px 13px 0}.float-item span,.drag-handle{display:none}}