.hkkShareBar{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:50;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:12px;
  background:rgba(255,255,255,.97);
  border:1px solid #ddd7c7;
  border-radius:18px;
  box-shadow:0 12px 32px rgba(18,38,63,.16);
  backdrop-filter:blur(10px)
}
.hkkShareLabel{
  margin:0 0 3px;
  color:#153b68;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  line-height:1;
  text-align:center;
  text-transform:uppercase
}
.hkkShareBtn{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:142px;
  height:46px;
  padding:0 14px;
  border-radius:12px;
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(18,38,63,.12);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease
}
.hkkShareBtn:hover{
  transform:translateX(-3px);
  box-shadow:0 7px 18px rgba(18,38,63,.22);
  filter:brightness(1.06)
}
.hkkShareBtn:focus-visible{
  outline:3px solid #ffd321;
  outline-offset:3px
}
.hkkShareBtn.facebook{background:#1877f2}
.hkkShareBtn.line{background:#06c755}
.hkkShareBtn.whatsapp{background:#25d366}
.hkkShareBtn.email{background:#153b68}
.hkkShareIcon{
  width:23px;
  height:23px;
  flex:0 0 23px;
  fill:currentColor;
  color:#fff
}
.hkkShareBtn span{white-space:nowrap}
@media(max-width:900px){
  .hkkShareBar{
    left:50%;
    right:auto;
    top:auto;
    bottom:calc(14px + env(safe-area-inset-bottom,0px));
    transform:translateX(-50%);
    flex-direction:row;
    align-items:center;
    gap:8px;
    width:max-content;
    max-width:calc(100vw - 24px);
    padding:9px;
    border-radius:18px
  }
  .hkkShareLabel{display:none}
  .hkkShareBtn{
    min-width:0;
    width:52px;
    height:52px;
    padding:0;
    justify-content:center;
    border-radius:14px
  }
  .hkkShareBtn:hover{transform:translateY(-2px)}
  .hkkShareBtn span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .hkkShareIcon{width:26px;height:26px;flex-basis:26px}
}
@media print{.hkkShareBar{display:none!important}}