.sisp-beat {
  position: absolute;
  left: calc(100% + clamp(8px, .65vw, 13px));
  bottom: .22em;
  display: block;
  width: clamp(44px, 4.8vw, 72px);
  height: auto;
  overflow: visible;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 0 4px rgba(75, 188, 255, .12));
}

.sisp-beat .sisp-letter {
  opacity: .16;
  transition: none;
}

.sisp-beat .sisp-letter path {
  fill: none;
  stroke: #4bbcff;
  stroke: url(#sispLightGradient);
  stroke-width: 9;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.sisp-beat .sisp-letter.is-active {
  opacity: 1;
  filter: url(#sispGlow);
}

@media (max-width: 720px) {
  .sisp-beat {
    left: calc(100% + 6px);
    bottom: .24em;
    width: clamp(38px, 12vw, 54px);
  }

  .sisp-beat .sisp-letter path {
    stroke-width: 8;
  }
}