/* Wrapper */
    .social-wrapper {
      position: fixed;
      top: 70%;
      right: 20px;
      transform: translateY(-50%);
      z-index: 9999;
    }

    /* Anchor Tag */
    .social-link {
      text-decoration: none;
      display: block;
    }

    /* Social Button */
    .social-item {
      width: 50px;
      height: 50px;
      position: relative;
      margin: 12px 0;
      cursor: pointer;
      border-radius: 50px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* Icon */
    .social-item i {
      font-size: 20px;
      color: #fff;
    }

    /* Background Colors */
    .facebook { background: #2553ea; }
    .twitter { background: #00aced; }
    .instagram { background: #f9158e; }
    .google { background: #dd4b39; }
    .whatsapp { background: #188012; }

    /* Slider */
    .social-slider {
      position: absolute;
      top: 0;
      right: 55px;
      width: 0;
      height: 50px;
      border-radius: 20px;
      overflow: hidden;
      transition: 0.4s ease;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* Slider Colors */
    .facebook .social-slider { background: #00218d; }
    .twitter .social-slider { background: #2e3d44; }
    .instagram .social-slider { background: #b40160; }
    .google .social-slider { background: #eea59c; }
    .whatsapp .social-slider { background: #188012;; }

    /* Slider Text */
    .social-slider p {
      margin: 0;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
      opacity: 0;
      transition: 0.4s ease;
      white-space: nowrap;
    }

    /* Hover Effect */
    .social-item:hover .social-slider {
      width: 170px;
    }

    .social-item:hover .social-slider p {
      opacity: 1;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .social-wrapper {
        right: 10px;
      }

      .social-item {
        width: 45px;
        height: 45px;
      }

      .social-slider {
        height: 45px;
      }

      .social-item:hover .social-slider {
        width: 140px;
      }
    }