:root{
  --hp-share-green:#4AEB1E;
  --hp-share-bg:#080b08;
  --hp-share-panel:#111711;
  --hp-share-text:#f5fff2;
  --hp-share-muted:#9da89b;
}
.hp-share{
  box-sizing:border-box;
  margin:28px 0;
  padding:16px 18px;
  border:1px solid color-mix(in srgb,var(--hp-share-green) 42%,transparent);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(12,18,12,.97),rgba(5,8,5,.97));
  box-shadow:0 0 18px rgba(74,235,30,.06);
  color:var(--hp-share-text);
}
.hp-share__label{
  margin:0 0 11px;
  color:var(--hp-share-green);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.hp-share__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.hp-share__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:#151a15;
  color:var(--hp-share-text)!important;
  text-decoration:none!important;
  font-size:.82rem;
  line-height:1;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.hp-share__button:hover,
.hp-share__button:focus{
  transform:translateY(-1px);
  border-color:var(--hp-share-green);
  background:#101810;
  box-shadow:0 0 12px rgba(74,235,30,.15);
  color:var(--hp-share-green)!important;
}
.hp-share__icon{
  display:inline-flex;
  width:17px;
  height:17px;
}
.hp-share__icon svg{
  width:17px;
  height:17px;
  fill:currentColor;
}
.hp-share--icons .hp-share__button{
  width:39px;
  height:39px;
  min-height:39px;
  padding:0;
}
.hp-share__status{
  min-height:0;
  margin-top:8px;
  color:var(--hp-share-green);
  font-size:.78rem;
}
.hp-share__status:empty{display:none;}

.hp-share--floating{
  position:fixed;
  z-index:9998;
  top:50%;
  transform:translateY(-50%);
  width:auto;
  max-width:60px;
  margin:0;
  padding:10px 8px;
  border-radius:14px;
}
.hp-share--floating.hp-share--left{left:14px;}
.hp-share--floating.hp-share--right{right:14px;}
.hp-share--floating .hp-share__label{display:none;}
.hp-share--floating .hp-share__buttons{flex-direction:column;flex-wrap:nowrap;}
.hp-share--floating .hp-share__text{display:none;}
.hp-share--floating .hp-share__button{
  width:38px;height:38px;min-height:38px;padding:0;
}
@media(max-width:780px){
  .hp-share{padding:14px;}
  .hp-share__buttons{gap:7px;}
  .hp-share__button{padding:8px 10px;}
  .hp-share--floating{
    top:auto!important;bottom:12px;left:12px!important;right:12px!important;
    transform:none;width:auto;max-width:none;
  }
  .hp-share--floating .hp-share__buttons{
    flex-direction:row;overflow-x:auto;justify-content:flex-start;
  }
}