Sorry! had to destroy this one too

  body {
    background-color: #0b2d6a; /* deep blue background */
    color: #a8c6ff;
    font-family: 'Courier New', Courier, monospace;
    padding: 2rem;
    text-align: center;
  }
  .btn {
    display: block;
    width: 80%;
    max-width: 600px;
    margin: 1rem auto;
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    user-select: none;
    background-color: #000; /* black background for all buttons */
    border: 2px solid;
    transition: background-color 0.3s, color 0.3s;
  }
  .btn-blue {
    color: #3399ff;
    border-color: #3399ff;
  }
  .btn-blue:hover {
    background-color: #3399ff;
    color: #000;
  }
  .btn-red {
    color: #cc3333;
    border-color: #cc3333;
    cursor: default;
  }
  .btn-red:hover {
    background-color: #cc3333;
    color: #000;
  }
  /* Disabled style but pointer-events enabled for hover effect on red buttons */
  .btn-red:disabled {
    opacity: 1;
  }
  /* Return button style */
  .btn-return {
    background-color: #000;
    border: 2px solid #a8c6ff;
    color: #a8c6ff;
    font-weight: 600;
    margin-top: 3rem;
    cursor: pointer;
  }
  .btn-return:hover {
    background-color: #a8c6ff;
    color: #000;
  }
href="https://drive.google.com/file/d/14_T8ick5pV9ebCgJxqq4Spz0blsI8vuD/view?usp=drive_link" 
   class="btn btn-blue" target="_blank" rel="noopener noreferrer">
  Conversation between Crow (L4) and ████ (L4) at 11/5/2024


<!-- Red buttons: no action -->
<buton class="btn btn-red" disabled>L2+ ACCESS REQUIRED/button>
<buton class="btn btn-red" disabled>L3+ ACCESS REQUIRED/button>
<buton class="btn btn-red" disabled>L4+ ACCESS REQUIREDbutton>
<buton class="btn btn-red" disabled>ADMINISTRATOR ACCESS REQUIRED/button>

<!-- Return button -->
buton class="btn btn-return" onclick="window.location.href='home.html'">Return/button>