.nav-locale{
  display:inline-grid;
  place-items:center;
  min-width:42px;
  min-height:42px;
  padding:0 11px;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1;
  transition:background .2s,color .2s,transform .2s;
}
.nav-locale:hover{background:currentColor;transform:translateY(-2px)}
.nav-locale:hover{color:#111318}
.pn-header:not(.scrolled) .nav-locale:hover{background:#fff;color:#111318}
.pn-header.scrolled .nav-locale:hover{background:#111318;color:#fff}
@media(max-width:760px){.nav-locale{min-width:40px;min-height:40px;padding:0 10px}}
@media(max-width:400px){.nav-locale{min-width:34px;min-height:40px;padding:0 8px;font-size:11px}}