.btn {
  display:inline-flex; align-items:center; justify-content:center;
  height: 40px; padding: 0 16px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--card-bg);
  color: var(--text);
  cursor:pointer; transition: .15s ease;
  text-decoration: none;               /* <-- ostiga chiziq yo‘q */
}
.btn:hover { transform: translateY(-1px); }

/* Anchorning visited/active holatlari ham toza bo‘lsin */
a.btn, a.btn:visited, a.btn:hover, a.btn:active { text-decoration: none; color: inherit; }

/* Pastdagilarni tema faylida override qilamiz (brand-gold-dark/effects.css) */
.btn-primary { background: var(--primary); border-color: var(--primary); color: #111; font-weight: 600; }
.btn-outline { background: transparent; color: var(--text); }
.btn-ghost { background: transparent; }

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px; min-height:44px; padding: 10px 14px;
  border-radius:12px; border:1px solid rgba(195,154,111,.3);
  background: rgba(255,255,255,.05); color: var(--text);
  text-decoration:none; cursor:pointer;
  transition: transform .08s ease, background .18s ease;
}
.btn:active{ transform: translateY(1px); }

/* Hover faqat pointer/hover mavjud qurilmalarda */
@media (hover:hover){
  .btn:hover{ background: rgba(255,255,255,.08); }
}