/* ===== PRIMARY ===== */
.primary-btn,
.btn-primary{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--primary-gradient);
  color:white;
  padding:9px 16px;
  border:none;
  border-radius:var(--radius-sm);
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  text-decoration:none;
  line-height:1.4;
  transition:opacity .2s ease, transform .15s ease, box-shadow .2s ease;
}

.primary-btn:hover,
.btn-primary:hover{
  opacity:.92;
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(15,118,110,.35);
  color:white;
  text-decoration:none;
}

/* ===== SECONDARY ===== */
.secondary-btn,
.btn-light{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#f1f5f9;
  color:var(--text);
  padding:9px 16px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  text-decoration:none;
  line-height:1.4;
  transition:background .15s ease;
}

.secondary-btn:hover,
.btn-light:hover{
  background:#e2e8f0;
  color:var(--text);
  text-decoration:none;
}

/* ===== DANGER ===== */
.btn-danger{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--danger-light);
  color:var(--danger);
  border:1px solid #fecaca;
  padding:7px 14px;
  border-radius:var(--radius-sm);
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  text-decoration:none;
  line-height:1.4;
  transition:background .15s ease;
}

.btn-danger:hover{
  background:#fecaca;
  color:var(--danger);
  text-decoration:none;
}

/* ===== SIZES ===== */
.btn-small,
.primary-btn.small,
.secondary-btn.small{
  padding:5px 12px;
  font-size:12px;
}