.icon-wrap {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  background: #F2F8E3;
  color: #6E9417;
}

.fade-in {
  opacity: 0;
  transform: translateY(8px);
  animation: fadeIn .6s ease-out forwards;
}
@keyframes fadeIn { to { opacity: 1; transform: none; } }

.nudge { animation: nudge 1.4s ease-in-out infinite; }
@keyframes nudge { 50% { transform: translateX(5px); } }

@media (prefers-reduced-motion: reduce) {
  .fade-in, .nudge { animation: none; opacity: 1; transform: none; }
}