/* ===== BUTTON STYLES ===== */

/* Nút hành động tổng quát */
.nut_hanh_dong {
  display: inline-flex;
  align-items: center;
  gap: var(--khoang-sm);
  padding: 10px 20px;
  background: var(--mau-chinh);
  color: white;
  border: none;
  border-radius: var(--goc-vua);
  font-size: var(--font-co-lon);
  font-weight: 600;
  font-family: var(--font-chinh);
  cursor: pointer;
  transition: var(--chuyen-tiep);
  text-decoration: none;
  box-shadow: var(--bong-chinh);
}

.nut_hanh_dong:hover {
  background: var(--mau-phu);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(2,91,72,0.3);
}

.nut_hanh_dong:active {
  transform: translateY(0);
}

/* Nút phụ */
.nut_phu {
  display: inline-flex;
  align-items: center;
  gap: var(--khoang-sm);
  padding: 8px 16px;
  background: white;
  color: var(--mau-chinh);
  border: 1.5px solid var(--mau-chinh);
  border-radius: var(--goc-vua);
  font-size: var(--font-co-vua);
  font-weight: 600;
  font-family: var(--font-chinh);
  cursor: pointer;
  transition: var(--chuyen-tiep);
  text-decoration: none;
}

.nut_phu:hover {
  background: var(--mau-chinh-nhat);
  transform: translateY(-1px);
}