/* ===== FOOTER ===== */
footer {
  background: #1a0a2e;
  border-top: 2px solid #b19cd9;
  padding: 1.5rem;
  text-align: center;
  color: #a8c0ff;
  font-size: 1.2rem;
  margin-top: 3rem;
}

.footer-status {
  margin-bottom: 0.5rem;
}

.uptime {
  color: #d97cff;
  font-weight: bold;
}

/* Site Button Container */
.my-button-wrapper {
  margin-top: 1rem;
}

/* 88x31 Grid / Flex Display */
.web-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed rgba(177, 156, 217, 0.3);
}

/* Fixed 88x31 Standard Dimensions + CRT/Pixel Rendering */
.web-btn {
  width: 88px;
  height: 31px;
  display: inline-block;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  border: 1px solid #2a1a4a;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.web-btn:hover {
  transform: translateY(-1px);
  border-color: #b19cd9;
  box-shadow: 0 0 8px rgba(177, 156, 217, 0.6);
}