/* Base button style */
.scratch-btn {
  background-color: #f3f3f3;   /* light gray */
  border: 1px solid #ccc;      /* thin gray border */
  border-radius: 4px;          /* slightly rounded */
  padding: 5px 12px;           /* spacing inside */
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #333;                 /* dark gray text */
  cursor: pointer;
  box-shadow: 0 1px 0 #fff inset; /* subtle inset shine */
  transition: background-color 0.2s, border-color 0.2s;
}

/* Hover effect */
.scratch-btn:hover {
  background-color: #e6e6e6;
  border-color: #999;
}

/* Active (clicking) */
.scratch-btn:active {
  background-color: #d9d9d9;
  border-color: #888;
}