/* ==========================================================
   EVO-X F4.12-B
   GUIDED JOURNEY UX
   ========================================================== */

.evox-guided-confirmed{
  position:relative;
}

.evox-guided-confirmed::after{
  content:"✓";

  position:absolute;
  top:8px;
  right:10px;

  width:22px;
  height:22px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:rgba(20,110,80,.92);
  color:#fff;

  font-size:12px;
  font-weight:800;

  pointer-events:none;

  animation:
    evox-guided-confirm
    .7s ease both;
}

@keyframes evox-guided-confirm{
  0%{
    opacity:0;
    transform:scale(.8);
  }

  25%{
    opacity:1;
    transform:scale(1);
  }

  100%{
    opacity:0;
    transform:scale(.92);
  }
}

@media(prefers-reduced-motion:reduce){

  .evox-guided-confirmed::after{
    animation:none;
  }
}