.language-toggle {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 14px;
  color: inherit;
  text-decoration: none;
  font: 700 12px/1 var(--mono);
  letter-spacing: .04em;
}

.language-flag {
  display: inline-block;
  width: 21px;
  height: 14px;
  flex: 0 0 21px;
  font-size: 0;
  line-height: 0;
  border-radius: 1px;
  box-shadow: 0 0 0 1px rgba(21, 21, 21, .12);
  background-color: #012169;
  background-image:
    linear-gradient(33deg, transparent 42%, #fff 42% 47%, #c8102e 47% 53%, #fff 53% 58%, transparent 58%),
    linear-gradient(-33deg, transparent 42%, #fff 42% 47%, #c8102e 47% 53%, #fff 53% 58%, transparent 58%),
    linear-gradient(90deg, transparent 37%, #fff 37% 44%, #c8102e 44% 56%, #fff 56% 63%, transparent 63%),
    linear-gradient(transparent 32%, #fff 32% 39%, #c8102e 39% 61%, #fff 61% 68%, transparent 68%);
}

/* On the English page the language link leads back to Spanish. */
.language-toggle[href="/"] .language-flag {
  background-color: #f1bf00;
  background-image: linear-gradient(to bottom, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75% 100%);
}

@media (max-width: 760px) {
  .language-toggle {
    display: inline-flex;
    margin-left: auto;
    margin-right: 17px;
  }
}