.confirmation-wrapper {
      position: relative;
  }

  .confetti {
      position: fixed;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
      z-index: 9999;
  }

  .confetti-piece {
      position: absolute;
      top: -20px;
      width: 10px;
      height: 14px;
      animation: fall linear forwards;
  }

  @keyframes fall {
      0% {
          transform: translateY(0) rotate(0deg);
          opacity: 1;
      }

      90% {
          opacity: 1;
      }

      100% {
          transform: translateY(100vh) rotate(360deg);
          opacity: 0;
      }
  }