.varac-live-feed {
  color: #00ff66;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  animation: varac-pulse 1s infinite;
}

@keyframes varac-pulse {
  0% { opacity: 1; text-shadow: 0 0 5px #00ff66; }
  50% { opacity: 0.6; text-shadow: 0 0 15px #ff9900; }
  100% { opacity: 1; text-shadow: 0 0 5px #00ff66; }
}

.varac-new-spot {
  border: 2px solid red;
  animation: varac-flash 1.5s ease-out;
}

@keyframes varac-flash {
  0% { border-color: red; }
  100% { border-color: red; }
}

.varac-new-batch {
  border: 2px solid red;
  display: table-row-group;
  margin-bottom: 5px;
  transition: border-color 1s ease-out;
}

.varac-new-row {
  border: 2px solid red;
}

#pauseButton {
    padding: 0.5rem 1rem;
    margin-left: 20px;
    background-color: #007acc;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

#pauseButton:hover {
    background-color: #005fa3;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

#pauseButton:active {
    transform: translateY(0);
    box-shadow: none;
}

.special-notice {
  background-color: #ffcccc;
  color: #900;
  font-weight: bold;
  padding: 10px;
  border: 2px solid red;
  border-radius: 8px;
  text-align: center;
  font-size: 1.1em;
  animation: flash 1s infinite alternate;
}

@keyframes flash {
  from { background-color: #ffcccc; }
  to { background-color: #ff9999; }
}