#messengersFixedWidget {
  position: fixed !important;
  right: 5px;
  bottom: 50px;
  z-index: 9999;
  display: flex;
  width: 70px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

#messengersFixedWidget a {
  position: relative;
  display: grid;
  width: 60px;
  height: 60px;
  place-items: center;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  color: #fff;
  text-decoration: none;
  transition: transform 0.3s ease;
}

#messengersFixedWidget a::before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

#messengersFixedWidget a:hover { transform: scale(1.1); }

#messengersFixedWidget a:focus-visible {
  outline: 3px solid #111;
  outline-offset: 3px;
}

#messengersFixedWidget .telegram-link::before { background: #51b3e9; }

#messengersFixedWidget .telegram-link span {
  position: relative;
  z-index: 1;
  margin: 0 1px 3px 0;
  font-size: 29px;
  line-height: 1;
  transform: rotate(-31deg);
}

#messengersFixedWidget .max-link::before {
  background: linear-gradient(145deg, #315ee8 5%, #8039df 78%);
}

#messengersFixedWidget .max-link span {
  position: relative;
  z-index: 1;
  width: 29px;
  height: 29px;
  border: 7px solid #fff;
  border-radius: 50%;
  transform: rotate(-35deg);
}

#messengersFixedWidget .max-link span::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: -9px;
  width: 15px;
  height: 14px;
  border-radius: 0 0 0 14px;
  background: #fff;
}

#messengersFixedWidget .max-link span::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: -4px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #6c40dd;
}

.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
.pulse { animation-name: pulse; }

@keyframes pulse {
  from { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  to { transform: scale3d(1, 1, 1); }
}

@media (max-width: 768px) {
  #messengersFixedWidget { right: 10px; bottom: 30px; width: 60px; gap: 10px; }
  #messengersFixedWidget a { width: 55px; height: 55px; }
}

@media (max-width: 480px) {
  #messengersFixedWidget { right: 8px; bottom: 20px; width: 55px; gap: 8px; }
  #messengersFixedWidget a { width: 50px; height: 50px; }
  #messengersFixedWidget a::before { width: 40px; height: 40px; }
  #messengersFixedWidget .telegram-link span { font-size: 25px; }
  #messengersFixedWidget .max-link span { width: 25px; height: 25px; border-width: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .animated.infinite { animation: none; }
  #messengersFixedWidget a { transition: none; }
}