.archive-toolbar:has(.blog-new-post:not([hidden])) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.blog-new-post {
  height: 46px;
  padding: 0 20px;
  border: 1px solid var(--acid);
  border-radius: 3px;
  background: #20251a;
  color: var(--acid);
  box-shadow: 0 0 28px rgba(199, 255, 56, .08);
  font: 800 9px/1 "DM Sans";
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .2s, background .2s;
}

.blog-new-post span { margin-right: 8px; font-size: 16px; vertical-align: -1px; }
.blog-new-post:hover { transform: translateY(-2px); background: #29331c; }

@media (max-width: 620px) {
  .archive-toolbar:has(.blog-new-post:not([hidden])) { grid-template-columns: 1fr; }
  .blog-new-post { width: 100%; }
}