#pausePlayMasthead {
  --button-size: 2rem;
  position: absolute;
  bottom: 0;
  right: 0;
  outline: none;
  border: none;
  background-color: rgb(var(--color-navigation));
  width: var(--button-size);
  height: var(--button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: calc(var(--button-size) / 2);
}
#pausePlayMasthead:hover,
#pausePlayMasthead:focus-visible {
  filter: saturate(110%) brightness(110%);
}
#pausePlayMasthead:focus-visible {
  outline: 5px solid white;
  outline-offset: -5px;
}
@media (min-width: 768px) {
  #pausePlayMasthead {
    --button-size: 3rem;
  }
}