body { margin: 0; }

    .fixed-btn {
      position: fixed;
      left: 10px;               /* отступ 10px */
      top: 50%;
      transform: translateY(-50%);
      padding: 12px 16px;
      background: #007bff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: left 0.3s ease;
    }

    .fixed-btn:hover {
      left: 15px;               /* чуть сдвигается при hover */
    }

    .sidebar {
      position: fixed;
      left: -200px;
      top: 0;
      bottom: 0;
      width: 200px;
      background-image: url('https://eti.su/articles2/wp-content/uploads/2025/12/pch5.jpg');
      //background: #111;
      color: #fff;
      transition: left 0.3s ease;
      padding: 60px 10px 10px;
    }

    .fixed-btn:hover + .sidebar {
      left: 10px;               /* панель выезжает с тем же отступом 10px */
    }



    .fixed-btn2 {
      position: fixed;
      right: 10px;              /* отступ 10px справа */
      top: 50%;
      transform: translateY(-50%);
      padding: 12px 16px;
      background: #007bff;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: right 0.3s ease;
    }

    .fixed-btn2:hover {
      right: 15px;              /* чуть сдвигается при hover */
    }

    .sidebar2 {
      position: fixed;
      right: -200px;            /* спрятана за правым краем */
      top: 0;
      bottom: 0;
      width: 200px;
      background-image: url('https://satworld.ru/images/news/profilaktika.webp');
      //background: #111;
      color: #fff;
      transition: right 0.3s ease;
      padding: 60px 10px 10px;
    }

    .fixed-btn2:hover + .sidebar2 {
      right: 10px;              /* панель выезжает с отступом 10px */
    }