.archive-return-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px clamp(20px, 5vw, 72px);
  border-block: 1px solid #c4d3c5;
  color: #17342f;
  background: #e8eee3;
  font-size: .8rem;
  line-height: 1.45;
}
.archive-return-banner > div { display: flex; flex-wrap: wrap; gap: 5px 15px; }
.archive-return-banner strong { font-weight: 800; }
.archive-return-banner a { flex: 0 0 auto; font-weight: 800; text-underline-offset: 3px; }
.archive-return-banner a:focus-visible { outline: 3px solid #e66b49; outline-offset: 3px; }
@media (max-width: 640px) {
  .archive-return-banner { align-items: flex-start; flex-direction: column; }
}