.site-share-float {
  position: fixed;
  right: 18px;
  top: 36%;
  z-index: 80;
  display: grid;
  gap: 8px;
}

.site-share-float a,
.site-share-float button {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font: 800 14px/1 Arial, sans-serif;
  text-decoration: none;
  box-shadow: 0 9px 18px rgba(15, 23, 42, .18);
  cursor: pointer;
}

.site-share-float a:hover,
.site-share-float button:hover { transform: translateX(-2px); }
.site-share-wa { background: #25d366; }
.site-share-facebook { background: #1877f2; }
.site-share-telegram { background: #229ed9; }
.site-share-instagram { background: #d62976; }
.site-share-copy { background: #172033; }

@media (max-width: 760px) {
  .site-share-float {
    right: 12px;
    top: auto;
    bottom: 12px;
    grid-auto-flow: column;
    padding: 7px;
    border: 1px solid #d8dde5;
    border-radius: 6px;
    background: rgba(255,255,255,.95);
  }
  .site-share-float a,
  .site-share-float button { width: 36px; height: 36px; }
}