.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.button.fomo {
  background: #f2f1e9;
  color: #11150b;
  border-color: #fff;
  box-shadow: 4px 4px 0 #5b5b55;
}

@media (max-width: 1050px) {
  header { gap: 18px; }
  nav { gap: 16px; }
  .header-actions { gap: 8px; }
  .header-actions .button { font-size: 17px; padding: 11px 13px; }
}

@media (max-width: 650px) {
  header { gap: 16px 10px; }
  header nav { margin-top: 4px; }
  .brand { gap: 8px; font-size: 15px; }
  .brand img { width: 34px; height: 34px; }
  .brand small { display: none; }
  .header-actions { margin-left: auto; gap: 7px; }
  .header-actions .button { font-size: 14px; padding: 9px 8px; box-shadow: 3px 3px 0 #655414; }
  .header-actions .fomo { box-shadow: 3px 3px 0 #5b5b55; }
}