/* استهداف الروابط أو الأيقونات داخل الحاوية */
.flex.gap-3 > * {
  transition: transform 0.3s ease-in-out; /* حركة ناعمة وسلسة */
  display: inline-block; /* لضمان عمل تأثير الـ scale بشكل صحيح */
}

/* التأثير عند تمرير الفأرة (Hover) */
.flex.gap-3 > *:hover {
  transform: scale(1.25); /* يسوي زوم ويكبر الأيقونة بنسبة 25% */
}