.navwrap.nav-two-row .navlock{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:32px;
  padding:0 13px;
  background:rgba(255,184,77,.08);
  border:1px dashed rgba(255,184,77,.42);
  border-radius:10px;
  cursor:pointer;
  font-family:inherit;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  line-height:32px;
  color:var(--amber);
  white-space:nowrap;
  box-sizing:border-box;
  transition:color .2s var(--ease),background-color .2s var(--ease),
             border-color .2s var(--ease),transform .2s var(--ease);
}
.navwrap.nav-two-row .navlock:hover{
  background:rgba(255,184,77,.16);
  border-color:rgba(255,184,77,.7);
  color:#ffe0ae;
  transform:translateY(-1px);
}
.navwrap.nav-two-row .navlock:active{transform:translateY(0) scale(.97)}
.navwrap.nav-two-row .navlock:focus-visible{outline:2px solid #ff6aa6;outline-offset:2px}
.navwrap.nav-two-row .navlock .navgrp-mark{font-size:13px;line-height:1}

html.cp-light .navwrap.nav-two-row .navlock{
  background:rgba(122,85,0,.07);
  border-color:rgba(122,85,0,.4);
  color:var(--amber);
}
html.cp-light .navwrap.nav-two-row .navlock:hover{
  background:rgba(122,85,0,.13);
  color:#5a3f00;
}

@media (max-width:900px){
  .navwrap.nav-two-row .navlock{padding:0 9px;font-size:10.5px}
  .navwrap.nav-two-row .navlock .navgrp-name{display:none}
}