.spinNote{
  margin:0;
  min-height:18px;
  font-size:14px;
  font-weight:900;
  color:var(--blue);
  letter-spacing:.2px;
  opacity:0;
  transform:translateY(6px);
  pointer-events:none;
}

.spinNote.is-show{
  animation:cupomFloat 1.05s ease-out forwards;
}

@keyframes cupomFloat{
  0%{opacity:0;transform:translateY(8px) scale(.98);}
  15%{opacity:1;transform:translateY(2px) scale(1);}
  100%{opacity:0;transform:translateY(-16px) scale(1.02);}
}

.btn--spin.is-empty{
  opacity:.72;
  cursor:not-allowed;
}

.spinNote{
  margin:0;
  height:0;
  min-height:0;
  line-height:1;
  font-size:14px;
  font-weight:900;
  color:var(--blue);
  letter-spacing:.2px;

  opacity:0;
  transform:translateY(6px);
  pointer-events:none;
}

.spinNote.is-show{
  height:auto;
  opacity:1;
  animation:cupomFloat 1.05s ease-out forwards;
}

.actions{
position:relative;
}

.spinNote{
position:absolute;
top:-20px;
left:50%;
transform:translateX(-50%) translateY(6px);

font-size:14px;
font-weight:900;
color:var(--blue);
letter-spacing:.2px;

opacity:0;
pointer-events:none;
white-space:nowrap;
}

.spinNote.is-show{
animation:cupomFloat 1.05s ease-out forwards;
}

@keyframes cupomFloat{
0%{opacity:0; transform:translateX(-50%) translateY(8px) scale(.98);}
15%{opacity:1; transform:translateX(-50%) translateY(2px) scale(1);}
100%{opacity:0; transform:translateX(-50%) translateY(-16px) scale(1.02);}
}

.cupomToast{
  position:fixed;
  left:50%;
  top:20px;
  transform:translate(-50%, -6px);
  z-index:5000;

  padding:10px 14px;
  border-radius:999px;

  font-weight:900;
  font-size:13px;
  letter-spacing:.2px;

  opacity:0;
  pointer-events:none;

  box-shadow:
    0 16px 34px rgba(0,0,0,.20),
    0 0 0 2px rgba(255,255,255,.16) inset;
}

.cupomToast.is-minus{
  background:linear-gradient(180deg,#ff3b30,#d11f1a);
  color:#fff;
}

.cupomToast.is-plus{
  background:linear-gradient(180deg,#22c55e,#16a34a);
  color:#fff;
}

.cupomToast.is-show{
  animation:cupomToastInOut 1.4s ease both;
}

@keyframes cupomToastInOut{
  0%{opacity:0; transform:translate(-50%,-10px) scale(.98); filter:blur(1px);}
  15%{opacity:1; transform:translate(-50%,-18px) scale(1); filter:blur(0);}
  80%{opacity:1; transform:translate(-50%,-22px) scale(1);}
  100%{opacity:0; transform:translate(-50%,-30px) scale(.995);}
}

/* opcional: visual de botão desativado */
.btn--spin.is-disabled{
  filter:saturate(.85) brightness(.92);
  cursor:not-allowed;
  transform:none !important;
}

.cupomToast{
  display:flex;
  align-items:center;
  gap:6px;
}

.cupomToast.is-minus::before{
  content:"🎟️";
}

.cupomToast.is-plus::before{
  content:"✅";
}