.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 12px 18px; border-radius: 12px; border: none; font-size: 14px; font-weight: 600; cursor: pointer;
  transition: .15s;
}
.btn-primary { background: linear-gradient(135deg, var(--gold-dark), var(--gold)); color: #fff; box-shadow: 0 4px 14px rgba(168,130,79,0.35); }
.btn-primary:active { transform: scale(0.97); }
.btn-dark { background: var(--ink); color: var(--gold-light); }
.btn-outline { background: transparent; border: 1.5px solid var(--gold); color: var(--gold-dark); }
.btn-danger { background: #fdeceb; color: var(--red); }
.btn-block { width: 100%; }
.btn-sm { padding: 8px 12px; font-size: 12.5px; border-radius: 9px; }

.icon-btn {
  width: 38px; height: 38px; border-radius: 12px; border: 1px solid rgba(201,169,110,0.25);
  background: rgba(255,255,255,0.05); color: var(--gold-light); display: flex; align-items: center; justify-content: center;
  cursor: pointer; font-size: 17px;
}

.fab {
  position: fixed; bottom: 88px; right: 20px; z-index: 150;
  width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, var(--gold-dark), var(--gold));
  color: #fff; font-size: 26px; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 24px rgba(168,130,79,0.5); border: none; cursor: pointer;
}

.mt-15 { margin-top: 15px; }