.messenger-widget {
      position: fixed;
      bottom: 24px;
      right: 24px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      z-index: 9999;
    }

    .messenger-button {
      position: relative;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background-size: 60%;
      background-position: center;
      background-repeat: no-repeat;
      background-color: white;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      cursor: pointer;
      overflow: visible;
    }

    .messenger-button::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80px;
      height: 80px;
      border-radius: 50%;
      z-index: -1;
      animation: smooth-pulse 2.5s linear infinite;
    }

    .messenger-button.telegram::before {
      background-color: rgba(0, 172, 237, 0.15);
    }

    .messenger-button.whatsapp::before {
      background-color: rgba(37, 211, 102, 0.15);
    }

    @keyframes smooth-pulse {
      0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
      }
      50% {
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 0.2;
      }
      100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
      }
    }

    .messenger-button:hover {
      transform: scale(1.1);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
    }

    .messenger-button.telegram {
      background-image: url('https://cdn-icons-png.flaticon.com/512/2111/2111646.png');
    }

    .messenger-button.whatsapp {
      background-image: url('https://cdn-icons-png.flaticon.com/512/733/733585.png');
    }