@keyframes gradient-move {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@tailwind base;
@tailwind components;
@tailwind utilities;

.gradient-border {
  position: relative;
  border-radius: 9999px;
  padding: 2px;
  overflow: hidden;

  /* رنگ‌های لطیف‌تر و هماهنگ با تم سبز */
  background: linear-gradient(
    90deg,
    #0d9488,
    #22d3ee,
    #fde68a,
    #0d9488
  );
  background-size: 200% 200%;
  animation: gradient-move 4s linear infinite;
}

.gradient-border::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background: #737373; /* سبز اصلی پس‌زمینه */
  z-index: 1;
}

.gradient-border a {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f1f5f9; /* خاکستری خیلی روشن، نه سفید خالص */
  font-weight: 700;
  text-decoration: none;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  transition: color 0.3s ease, transform 0.2s ease;
}

/*.gradient-icon {
  background: linear-gradient(
    90deg,
    rgba(250, 204, 21, 0.8),   
    rgba(249, 115, 22, 0.8),   
    rgba(220, 38, 38, 0.3)     
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/

@layer base {
  a, button {
    @apply cursor-pointer;
  }
}