/* Hide the checkbox */
    #toggle {
      display: none;
    }

    /* Floating button */
    .floating-btn {
      position: fixed;
      top: 50%;
      right: 0px;
      transform: translateY(-50%);
      background: linear-gradient(135deg, #4facfe, #6a11cb);
      color: white;
      border-radius: 40px;
      display: flex;
      align-items: center;
      box-shadow: 0 8px 16px rgba(0,0,0,0.3);
      cursor: pointer;
      padding: 15px;
      width: 60px;
      height: 40px;
      transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
      overflow: hidden;
    }

    /* Hover glow */
    .floating-btn:hover {
      box-shadow: 0 0 15px rgba(76, 175, 80, 0.8),
                  0 0 30px rgba(46, 125, 50, 0.6);
    }

    /* Expanded state when checkbox is checked */
    #toggle:checked + .floating-btn {
      width: 230px;
      justify-content: flex-start;
      padding-left: 18px;
    }

    /* Book Icon */
    .floating-btn img {
      width: 22px;
      height: 22px;
      flex-shrink: 0;
      z-index: 2;
    }

    /* Link text */
    .btn-links {
      margin-left: 15px;
      opacity: 0;
      transform: translateX(20px);
      transition: all 0.5s ease;
      white-space: nowrap;
    }

    #toggle:checked + .floating-btn .btn-links {
      opacity: 1;
      transform: translateX(0);
    }

    .btn-links a {
      color: #ffffff;
      text-decoration: none;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: 0.5px;
      transition: color 0.3s ease, transform 0.2s ease;
    }

    .btn-links a:hover {
      color: #c8e6c9;
      transform: translateX(5px);
    }