.language-flag {
  position: relative;
  width: 18px;
  height: 12px;
  display: inline-block;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
}

.language-flag--br { background: #229e45; }
.language-flag--br::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 7px;
  height: 7px;
  background: #ffdc38;
  transform: rotate(45deg);
}
.language-flag--br::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2754a3;
}

.language-flag--us {
  background: repeating-linear-gradient(to bottom, #c9363f 0 1.7px, #fff 1.7px 3.4px);
}
.language-flag--us::after {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 8px;
  height: 6px;
  background: #27477d;
}

.language-flag--es {
  background: linear-gradient(to bottom, #b92732 0 25%, #f7c933 25% 75%, #b92732 75% 100%);
}

.language-control,
.auth-language { gap: 7px; }

.language-control select,
.auth-language select { cursor: pointer; }