.canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.pause {
  position: absolute;
  right: 40px;
  bottom: 56px;
  z-index: 3;
  transition: transform 200ms ease;
}
.pause:hover {
  transform: scale(1.08);
}

.rail {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 24px;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
.rail span {
  display: block;
  height: 100%;
  width: 0;
  background: var(--white);
  transition: width 60ms linear;
}

@media (max-width: 640px) {
  .pause {
    right: 20px;
    bottom: 36px;
  }
  .rail {
    left: 20px;
    right: 20px;
  }
}