/* Start custom CSS for html, class: .elementor-element-94a2144 *//* From Uiverse.io by elisapi — Cleaned (Instagram + WhatsApp only) */
.card {
  width: fit-content;
  height: fit-content;
  background: transparent !important;  /* حذف پس‌زمینه پنل */
  box-shadow: none !important;         /* حذف سایه در صورت وجود */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  gap: 20px;
}

/* برای همه دکمه‌ها */
.socialContainer {
  width: 52px;
  height: 52px;
  background-color: #f82568 !important;  /* رنگ پایه */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-duration: 0.3s;
  border-radius: 30px;                    /* اگر دایره می‌خواهید: 50% */
}

/* Instagram + WhatsApp hover */
.containerOne:hover,
.containerFour:hover {
  background-color: #d80045 !important;   /* رنگ هاور */
  transition-duration: 0.3s;
  transform: scale(1.2);
}

/* کلیک */
.socialContainer:active {
  transform: scale(0.9);
  transition-duration: 0.3s;
}

/* آیکن‌ها */
.socialSvg { width: 25px; }
.socialSvg path { fill: #fff !important; }

.socialContainer:hover .socialSvg {
  animation: slide-in-top 0.3s both;
}

@keyframes slide-in-top {
  0% { transform: translateY(-50px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

/* ——— حذف‌شده‌ها ———
.containerTwo:hover { … }   // Twitter
.containerThree:hover { … } // LinkedIn
*//* End custom CSS */