.nh-floating-menu{position:fixed;z-index:9999;display:flex;flex-direction:column;padding:10px}
.nh-floating-menu a{display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;transition:background-color .2s,transform .2s}
.nh-floating-menu a:hover{transform:scale(1.06)}
.nh-floating-menu i{line-height:1}
.nh-item{position:relative;display:inline-flex}
.nh-item a::after{
  content: attr(data-text);
  position:absolute;top:50%;
  background:rgba(0,0,0,.88);color:#fff;font-size:12px;line-height:1;font-weight:400 !important;
  padding:6px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;
  opacity:0;visibility:hidden;transform:translateY(-50%);
  transition:opacity .15s ease, transform .15s ease, visibility .15s ease;
  z-index:10000;
}
.nh-item a:hover::after{opacity:1;visibility:visible}
.nh-floating-menu.nh-side-right .nh-item a::after{ right:110%; margin-right:8px; transform:translate(-4px,-50%); }
.nh-floating-menu.nh-side-right .nh-item a:hover::after{ transform:translate(0,-50%); }
.nh-floating-menu.nh-side-left  .nh-item a::after{ left:110%;  margin-left:8px;  transform:translate(4px,-50%); }
.nh-floating-menu.nh-side-left  .nh-item a:hover::after{ transform:translate(0,-50%); }