.ksp-line-float {
  position: fixed;
  right: max(14px, env(safe-area-inset-right));
  bottom: var(--bottom-space, 110px);
  width: 110px;
  z-index: 19;
  isolation: isolate;
}

.ksp-line-float-link {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  animation: ksp-line-bob 3s ease-in-out infinite;
  transform-origin: center bottom;
}

.ksp-line-float-link img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 3px 3px #0002);
}

.ksp-line-float-link span {
  display: block;
  background: #17653c;
  color: white;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  border-radius: 24px;
  padding: 10px 12px;
  white-space: nowrap;
  box-shadow: 0 3px 12px #0002;
}

.ksp-line-dismiss {
  display: none;
}

.ksp-line-button {
  background: #17653c;
  border-color: #17653c;
  color: white;
  margin-top: 20px;
  width: min(100%, 360px);
}

@keyframes ksp-line-bob {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-14px);
  }
}

@media (min-width: 801px) {
  .ksp-line-float {
    width: 140px;
    right: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ksp-line-float-link {
    animation: none;
  }
}

.ksp-line-float[hidden] {
  display: none !important;
}