.mymini-social {
  --mms-x: 14px;
  --mms-y: 18px;

  position: fixed;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mms-left  { left: var(--mms-x); right: auto; }
.mms-right { right: var(--mms-x); left: auto; }

.mms-top    { top: var(--mms-y); bottom: auto; }
.mms-middle { top: 50%; bottom: auto; transform: translateY(-50%); }
.mms-bottom { bottom: var(--mms-y); top: auto; }

.mymini-social__item {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 4px 14px rgb(0 0 0 / 18%);
  transition: transform .15s ease;
}

.mymini-social__item:hover {
  transform: translateY(-2px);
}

.mymini-social__whatsapp  { background: #25d366; }
.mymini-social__viber     { background: #7360f2; }
.mymini-social__zangi     { background: #00a3ff; }
.mymini-social__telegram  { background: #26a5e4; }
.mymini-social__signal    { background: #3a76f0; }
.mymini-social__tiktok    { background: #111; }
.mymini-social__x         { background: #000; }
.mymini-social__linkedin  { background: #0a66c2; }
.mymini-social__substack  { background: #ff6719; }
.mymini-social__pinterest { background: #bd081c; }
.mymini-social__youtube   { background: #ff0000; }
.mymini-social__email     { background: #0ea5e9; }

@media (max-width: 768px) {
  .mymini-social { gap: 6px; }

  .mymini-social__item {
    width: 34px;
    height: 34px;
  }
}