/* buttons.css -- extracted from xanguard.tech blog posts */

.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: var(--radius-sm);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.25s ease;
  text-decoration: none;
}

.btn--primary {
  background: linear-gradient(135deg, #0068a0, #004d7a);
  color: #e8edf5;
  box-shadow: 0 4px 20px rgba(0, 80, 140, 0.3);
}

.btn--primary:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #0078b8, #005d90);
  box-shadow: 0 8px 28px rgba(0, 80, 140, 0.4);
  color: #e8edf5;
}

.btn--purple {
  background: linear-gradient(135deg, #6c4ee0, #4e35a8);
  color: #e8edf5;
  box-shadow: 0 4px 20px rgba(123, 97, 255, 0.3);
}

.btn--purple:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #7c5ef0, #5e45b8);
  box-shadow: 0 8px 28px rgba(123, 97, 255, 0.4);
  color: #e8edf5;
}

.btn--outline {
  background: transparent;
  color: var(--text-primary);
  border: 1px solid var(--border);
}

.btn--outline:hover {
  border-color: var(--accent-secondary);
  color: var(--accent-secondary);
  background: #7b61ff10;
}

.btn--sm { padding: 10px 20px; font-size: 13px; }

.btn--red {
  background: linear-gradient(135deg, #ff3b3b, #cc2020);
  color: #e8edf5;
  box-shadow: 0 4px 20px rgba(255, 59, 59, 0.25);
}

.btn--red:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #ff5555, #dd3030);
  box-shadow: 0 8px 28px rgba(255, 59, 59, 0.35);
  color: #e8edf5;
}

.btn--amber {
  background: #f5a623;
  color: #000;
  border: 1px solid #f5a623;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn--amber:hover {
  background: #d4891a;
  border-color: #d4891a;
}

.btn--green {
  background: #00e68a;
  color: #000;
  border: 1px solid #00e68a;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn--green:hover {
  background: #00cc7a;
  border-color: #00cc7a;
}

.btn--orange {
  background: linear-gradient(135deg, #ff8c00, #e07000);
  color: #fff;
  box-shadow: none;
}

.btn--orange:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #ffa030, #ff8c00);
  box-shadow: none;
  color: #fff;
}

.btn--gold {
  background: linear-gradient(135deg, #f5a623, #d4911e);
  color: #000;
  box-shadow: 0 4px 20px rgba(245, 166, 35, 0.3);
}

.btn--gold:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #ffb840, #f5a623);
  box-shadow: 0 8px 28px rgba(245, 166, 35, 0.4);
  color: #000;
}

.nav__links a.btn--gold,
.nav__links a.btn--gold:hover { color: #000; }

.nav__links a.btn--orange:hover { color: #fff; }

.nav__links a.btn--green:hover { color: #fff; }