.form-status {
  min-height: 1.35em;
}

.form-thumbs-up {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 240000;
  font-size: clamp(72px, 22vw, 200px);
  line-height: 1;
  opacity: 0;
  transform: scale(0.12);
  transition: opacity 0.1s ease-out, transform 0.18s ease-out;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.45));
}

.form-thumbs-up.is-visible {
  opacity: 1;
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .form-thumbs-up {
    transition: none;
  }
  .form-thumbs-up.is-visible {
    transform: scale(0.85);
  }
}