.rain-scene {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  contain: strict;
}
.hero-inner { position: relative; z-index: 3; }
.scene-motion {
  position: absolute;
  z-index: 4;
  bottom: 9px;
  left: var(--gutter, 6.5%);
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 3px;
  padding: 5px 9px;
  background: rgba(1, 13, 16, .64);
  color: #b4d9db;
  font: 500 9px/1.15 var(--body, sans-serif);
  letter-spacing: .15em;
  text-transform: uppercase;
  cursor: pointer;
}
.scene-motion svg { width: 12px; height: 12px; fill: currentColor; }
.scene-motion:hover { color: white; background: #06262be8; }
.scene-motion:focus-visible { outline: 2px solid #87f6fb; }
@media(max-width: 740px) {

  .scene-motion { bottom: 6px; left: 5%; min-height: 32px; }
}