#beep {
  --bg-normal: pink;
  --bg-hover: cyan;
  --text-normal: black;
  --text-hover: black;
  --border-normal: 2px solid black;
  --border-hover: 2px solid black;

  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-normal);
  color: var(--text-normal);
  border: var(--border-normal);
  z-index: 1;
}

#beep:hover {
  background-color: var(--bg-hover);
  color: var(--text-hover);
  border: var(--border-hover);
  cursor: pointer;
}