.country-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 30px;
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
}

.country-flags li { display: grid; gap: 8px; justify-items: center; }
.country-flags img { display: block; width: 44px; height: 30px; object-fit: cover; }
.country-flags span { color: var(--muted); font-size: 8px; letter-spacing: .06em; white-space: nowrap; }

@media (max-width: 700px) {
  .country-flags { gap: 20px; margin-top: 28px; }
  .country-flags img { width: 36px; height: 24px; }
}