@charset "UTF-8";

    .max-top-button {
      position: fixed;
      top: 200px;
      z-index: 1000;
      padding: 12px 24px;
      background: linear-gradient(135deg, #0066CC, #004080, #002B5A);
      color: white;
      text-decoration: none;
      font-weight: bold;
      border-radius: 25px;
      box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3);
      font-family: Arial, sans-serif;
      font-size: 14px;
      transition: all 0.3s ease;
      text-transform: uppercase;

      pointer-events: auto; /* Гарантируем, что клики работают */
    }

    .max-top-button.right {
      right: 20px;
    }

    .max-top-button.left {
      left: 20px;
    }

    /* .max-top-button:focus {
      outline: 2px solid #0A82FF;
      outline-offset: 2px;
    } */
    .max-top-button:focus {
      box-shadow: 0 4px 20px rgba(10, 130, 255, 0.6);
      color: white;
    }
    .max-top-button:hover {
      box-shadow: 0 4px 20px rgba(10, 130, 255, 0.6);
      color: rgb(65, 188, 252);
    }

    /* .max-top-button:hover:not(:focus) {
      background: linear-gradient(135deg, #0A82FF, #5A3DB8, #003366);
      transform: translateY(-3px);
      box-shadow: 0 6px 20px rgba(10, 130, 255, 0.4);
      color: white;
    } */