.floating-presser-pill {
  pointer-events: auto;
  background: #fff;
  border-radius: 999px;
  padding: 0.4em 1em;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  font-size: 1rem;
  white-space: nowrap;
  border: 1px solid #eee;
  transition: box-shadow 0.2s;
  position: absolute;
  user-select: none;
  /* Animate in: scale from 0 to 1 */
  animation: floating-presser-pill-in 250ms cubic-bezier(0.4,0,0.2,1);
}

@keyframes floating-presser-pill-in {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  80% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.floating-presser-pill--out {
  animation: floating-presser-pill-out 200ms cubic-bezier(0.4,0,0.2,1) forwards;
}

@keyframes floating-presser-pill-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}