.latest-scare-btn {
  background: #000; /* Black void */
  color: #f00; /* Red menace */
  padding: 8px 16px; /* Compact, clickable */
  border: 1px solid #f00; /* Bloody trim */
  font-family: 'Arial', sans-serif; /* Clean default—swap if you've got a site font */
  font-size: 16px; /* Readable */
  text-transform: uppercase; /* Screams urgency */
  text-decoration: none; /* No link mess */
  display: inline-block; /* Sits tight */
  cursor: pointer; /* Click bait */
}

.latest-scare-btn:hover {
  background: #f00; /* Red takeover */
  color: #000; /* Black contrast */
}

<div class="retro-table">
  <div class="cell">
    <a href="https://horrorthriller.com/Movies/Aliens_Predator/Aliens_vs_Predator/aliensn_preds01.html" class="latest-scare-btn">Latest Scare</a>
  </div>
</div>

.retro-box {
  background: #1a1a1a; /* Matches your dark boxes */
  padding: 10px; /* Inner space */
  width: 100%; /* Full-width feel */
  max-width: 400px; /* Guess—your call below */
  margin: 10px auto; /* Centered, table-like */
}

.content {
  text-align: center; /* Button alignment */
}

.latest-scare-btn {
  background: #1a1a1a; /* Darker inner box */
  color: #ff0; /* Yellow—your links */
  padding: 8px 16px; /* Clickable size */
  font-size: 16px; /* Matches your readable text */
  font-weight: bold; /* Bold like lead-ins */
  text-transform: uppercase; /* Retro pop */
  text-decoration: none; /* Clean */
  display: inline-block; /* Inline flow */
  cursor: pointer;
}

.latest-scare-btn:hover {
  background: #ff0; /* Yellow swap */
  color: #1a1a1a; /* Dark text */
}