.koniweb-floating-social{
  position: fixed;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--koniweb-social-base, #000);
}

.koniweb-floating-social .koniweb-social-link{
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  text-decoration: none;
  opacity: 0.95;
  transition: opacity 180ms ease, transform 180ms ease, color 180ms ease, filter 180ms ease;
}

.koniweb-floating-social .koniweb-social-link:hover{
  opacity: 1;
  transform: translateX(-2px);
}

.koniweb-floating-social svg{
  width: 26px;
  height: 26px;
  fill: currentColor;
}

/* JS mode */
.koniweb-floating-social .koniweb-social-link.is-on-dark{
  color: #fff;
  filter: drop-shadow(0 0 1px rgba(0,0,0,.35));
}

/* Auto contrast mode: works best on images/gradients too */
.koniweb-floating-social.is-auto-contrast{
  color: #fff;
  mix-blend-mode: difference;
  isolation: isolate;
}

.koniweb-floating-social.is-auto-contrast .koniweb-social-link{
  filter: drop-shadow(0 0 1px rgba(0,0,0,.25));
}

@media (max-width: 768px){
  .koniweb-floating-social{ right: 14px; }
}