/* ========================================================================== */
/* VIRTUAL FILE: buttons.css                                                   */
/* ========================================================================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  border-radius: var(--radius-md);
  padding: 12px 18px;
  border: 1px solid transparent;
  font-weight: var(--fw-bold);
  font-size: 0.95rem;
  line-height: 1;
  transition: transform var(--ease-standard), box-shadow var(--ease-standard), background-color var(--ease-standard), border-color var(--ease-standard), color var(--ease-standard), filter var(--ease-standard);
  cursor: pointer;
  white-space: nowrap;
  touch-action: manipulation;
}

@media (max-width: 820px) {
  .btn {
    min-height: 48px;
  }
}

.btn-sm {
  padding: 10px 14px;
  font-size: 0.9rem;
}

.btn-primary {
  background: linear-gradient(135deg, var(--blue-700), var(--blue-500));
  color: #fff;
  box-shadow: 0 10px 24px rgba(29, 116, 212, 0.28);
}

.btn-primary:hover {
  transform: translateY(-1px);
  color: #fff;
  filter: brightness(1.03);
}

.btn-outline {
  border-color: rgba(20, 93, 160, 0.2);
  color: var(--navy-900);
  background: #fff;
}

.btn-outline:hover {
  border-color: var(--blue-500);
  color: var(--blue-700);
  background: #f8fbff;
}

.section-gradient .btn-outline,
.home-leadership-section .btn-outline {
  color: var(--white);
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.06);
}

.section-gradient .btn-outline:hover,
.home-leadership-section .btn-outline:hover {
  background: rgba(255, 255, 255, 0.12);
  color: var(--white);
}

/* Header */
/* ========================================================================== */