.btn-gradient-1 {
  background: linear-gradient(135deg, #fcd34d, #f59e0b); /* Vàng */
  border: none;
  color: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(245, 158, 11, 0.4);
}

.btn-gradient-1:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

.btn-gradient-2 {
  background: linear-gradient(135deg, #34d399, #10b981); /* Xanh ngọc */
  border: none;
  color: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(16, 185, 129, 0.4);
}

.btn-gradient-2:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

.btn-gradient-3 {
  background: linear-gradient(135deg, #6366f1, #8b5cf6); /* Tím lam */
  border: none;
  color: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(139, 92, 246, 0.4);
}

.btn-gradient-3:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.icon-box {
  width: 60px;
  height: 60px;
  border-radius: 12px;
}

.bg-warning-gradient {
  background: linear-gradient(135deg, #fcd34d, #f59e0b);
}

.bg-success-gradient {
  background: linear-gradient(135deg, #34d399, #10b981);
}

.bg-purple-gradient {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
}


  .hover-shadow:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
  }

  .transition-all {
    transition: all 0.3s ease-in-out;
  }

  @media (max-width: 768px) {
    .card-body .row > div {
      margin-bottom: 15px;
    }
  }

.skill-icon {
  transition: transform 0.3s ease, color 0.3s ease;
  cursor: default;
}

.skill-icon:hover i {
  transform: translateY(-5px) scale(1.2);
  color: #0d6efd !important; /* Bootstrap Primary */
}
/* Nút phát sáng khi hover */
.btn-glow:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 0 12px rgba(0, 123, 255, 0.3);
  transition: all 0.3s ease;
}

/* Parallax nhẹ cho cả card */
.parallax-card:hover {
  transform: scale(1.015) rotateX(1deg) rotateY(-1deg);
  transition: transform 0.5s ease;
}

/* Gradient chung cho nút */
.btn-gradient {
  color: #fff;
  border: none;
  transition: all 0.4s ease;
  font-weight: 500;
}

/* Content: xanh lá rực */
.btn-content {
  background: linear-gradient(135deg, #11998e, #38ef7d);
}
.btn-content:hover {
  box-shadow: 0 0 15px #38ef7d;
  transform: translateY(-2px) scale(1.05);
}

/* Ads: xanh dương gradient */
.btn-ads {
  background: linear-gradient(135deg, #0072ff, #00c6ff);
}
.btn-ads:hover {
  box-shadow: 0 0 15px #00c6ff;
  transform: translateY(-2px) scale(1.05);
}

/* Copywriting: xám nhẹ xịn */
.btn-copy {
  background: linear-gradient(135deg, #6c757d, #adb5bd);
}
.btn-copy:hover {
  box-shadow: 0 0 15px #adb5bd;
  transform: translateY(-2px) scale(1.05);
}