/* ══════════════════
   BUTTONS
══════════════════ */
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 28px; border-radius: 4px;
  font-weight: 700; font-size: .9rem;
  text-decoration: none; cursor: pointer; border: none;
  transition: all .22s ease; letter-spacing: .2px;
}
.btn-primary { background: var(--teal); color: var(--navy); }
.btn-primary:hover { background: var(--teal-hover); color: #fff; transform: translateY(-1px); }
.btn-outline { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,0.55); }
.btn-outline:hover { border-color: #fff; background: rgba(255,255,255,0.1); }
.btn-dark { background: var(--navy); color: #fff; }
.btn-dark:hover { background: #132240; transform: translateY(-1px); }
.btn-sm { padding: 9px 20px; font-size: .84rem; }