.nr-btn {
  --nr-btn-bg: var(--nr-surface);
  --nr-btn-color: var(--nr-text);
  --nr-btn-line: var(--nr-border-strong);
  --nr-btn-h: 44px;
  --nr-btn-pad: var(--nr-space-4);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--nr-space-2);
  min-height: var(--nr-btn-h);
  padding-block: 0;
  padding-inline: var(--nr-btn-pad);
  background: var(--nr-btn-bg);
  border: 1px solid var(--nr-btn-line);
  border-radius: var(--nr-radius-md);
  color: var(--nr-btn-color);
  cursor: pointer;
  font: inherit;
  font-size: var(--nr-text-sm);
  font-weight: var(--nr-weight-semibold);
  line-height: var(--nr-leading-snug);
  text-decoration: none;
}

/* Nhan nut trong khu bo loc deu ngan ("Xem ket qua", "Dat lai") nen khong bao gio
   duoc xuong dong. Do live 07/09/2026 o 1440px: nut "Xem ket qua" rong 93px, chu vo
   thanh 2 dong = 39,2px chu trong nut cao 44px, gan het padding doc.
   Chi nham vao .nr-filter-actions chu KHONG dat nowrap cho moi .nr-btn: nut nhan dai
   ("Kham pha toan bo san pham") can duoc xuong dong o dien thoai. */
.nr-filter-actions .nr-btn { white-space: nowrap; }

/* Nut do VIEN: dung khi co NHIEU nut cung hang. Bon nut nen do dac lien nhau
   o khoi "San pham & giai phap" la mang do manh nhat trang, nguoc voi huong
   "trang xam chu dao, do nhan" (do 10/09/2026: do chi chiem 0,3% dien tich
   trang, rieng bon nut do chiem gan mot nua so do). */
.nr-btn.nr-btn--outline-primary {
  --nr-btn-bg: transparent;
  --nr-btn-color: var(--nr-primary-text);
  --nr-btn-line: var(--nr-primary);
}

.nr-btn.nr-btn--primary {
  /* Xem ghi chu --nr-primary-btn trong tokens.css: nen dam hon mau thuong
     hieu mot chut de chu trang dat nguong tuong phan. */
  --nr-btn-bg: var(--nr-primary-btn);
  --nr-btn-color: var(--nr-text-invert);
  --nr-btn-line: var(--nr-primary-btn);
}

.nr-btn.nr-btn--ghost {
  --nr-btn-bg: transparent;
  --nr-btn-color: var(--nr-primary);
  --nr-btn-line: transparent;
}

.nr-btn.nr-btn--sm {
  --nr-btn-h: var(--nr-space-10);
  --nr-btn-pad: var(--nr-space-3);
}

/* Link chu trong the KHONG duoc keo kin be ngang. .nr-link la `display:flex`, ma
   .nr-card la flex-direction:column voi align-items mac dinh (stretch), nen no
   phinh ra het chieu rong the: do live 08/09/2026 o #content-feed o rong 581px
   trong khi chu chi 95px = 16%, va "Bat dau doc ->" 297px / 98px o
   #service-guides. Vung bam rong nhung nhin ra chu lo lung giua khoang trong.
   Khong dung cho .nr-card-link -- do la lop phu trai kin the co chu dich. */
.nr-card .nr-link:not(.nr-card-link) { align-self: start; }

.nr-link {
  display: inline-flex;
  align-items: center;
  gap: var(--nr-space-2);
  position: relative;
  z-index: 1;
  padding: 0;
  /* Mau muc, KHONG do: 15 link kieu nay tren mot trang (do 09/09/2026) lam
     ca trang do rung. Do giu lai cho nut that + hover. */
  color: var(--nr-text);
  font-size: var(--nr-text-sm);
  font-weight: var(--nr-weight-semibold);
  line-height: var(--nr-leading-snug);
  text-decoration: none;
}


.nr-link:hover { color: var(--nr-primary-dark); }

/* nr-icon: o vuong co dinh cho bieu tuong.
   BAT BUOC co, vi base.css co y KHONG rang buoc kich thuoc SVG nua (de giu
   ranh gioi voi CKEditor -- xem AGENTS.md muc 3b). Thieu rule nay thi SVG
   gian theo khung cha va chiem het the. Da thay tren v2. */
.nr-icon {
  --nr-icon-size: 40px;

  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--nr-icon-size);
  height: var(--nr-icon-size);
  color: var(--nr-text);
}


/* con truc tiep cua component -- ngoai le duoc phep, khong the lot ra ngoai */
.nr-icon svg,
.nr-icon img {
  width: 100%;
  height: 100%;
}

.nr-icon.nr-icon--inline { --nr-icon-size: 1em; }

/* ===== TRANG THAI NUT: CUNG NGON NGU VOI CHIP (12/09/2026) ================
   Nguoi dung: "may cai nut tren trang nua, hover thi doi vien xam nhe, con
   may nut thi co nen xam di". Ap cho MOI nut khong phai nut do chinh:
   - Nghi: nen xam rat nhat de nut khong chim vao nen trang.
   - Re chuot: vien dam hon + nen xam nhe, giong hieu ung cua chip.
   Dat THANG mau (khong qua bien) vi nhieu khoi tu gan --nr-btn-* rieng. */
.nr-btn:not(.nr-btn--primary) { background: var(--nr-surface-sunken, #f7f8fa); }
.nr-btn:not(.nr-btn--primary):hover {
  border-color: var(--nr-border-strong);
  background: var(--nr-soft);
}
/* Nut vien do ("Xem tat ca case"): giu chu do, re chuot chi dam vien + nen xam,
   khong to do dac nua. */
.nr-btn.nr-btn--vien { background: var(--nr-surface); }
.nr-btn.nr-btn--vien:hover {
  border-color: var(--nr-border-strong);
  background: var(--nr-soft);
  color: var(--nr-ink);
}
/* Nut vien do: re chuot giu chu + vien do (dam hon), nen xam nhe nhu moi nut
   phu. PHAI dat SAU `.nr-btn:not(.nr-btn--primary):hover` -- cung do uu tien
   (0,3,0) nen cai viet sau thang. Ban cu dat truoc va chi doi bien: chu thanh
   trang nhung nen bi rule chung ep xam nhat -> nut Google Maps o the Tru So
   Chinh "hover xong khong thay gi nua" (nguoi dung bao 24/09/2026). */
.nr-btn.nr-btn--outline-primary:hover {
  border-color: var(--nr-primary-dark);
  background: var(--nr-soft);
  color: var(--nr-primary-dark);
}
/* Nut tron truoc/sau cua cac dai + phan trang. */
.nr-rail-btn { background: var(--nr-surface-sunken, #f7f8fa); }
.nr-rail-btn:hover { border-color: var(--nr-border-strong); background: var(--nr-soft); }

/* Nut Zalo: vien + chu xanh thuong hieu Zalo (--nr-accent-blue = #0068ff, cung
   mau voi o Zalo cua tapbar), nen xam nhu moi nut phu khac. Dung o the Tru So
   Chinh cua trang hub (24/09/2026). */
.nr-btn.nr-btn--zalo {
  --nr-btn-line: var(--nr-accent-blue);
  --nr-btn-color: var(--nr-accent-blue);
}
/* Hover nen TRANG chu khong xam: chu #0068ff tren xam --nr-soft chi dat 4,31:1
   (duoi AA 4,5), tren trang 4,75:1. */
.nr-btn.nr-btn--zalo:hover { border-color: var(--nr-accent-blue); background: var(--nr-surface); }