/* Het oogje bij een wachtwoordvakje. De opmaak van het vakje zelf blijft van de
   pagina waar het op staat; hier komt enkel het omhulsel en het knopje bij. */
.pwvak { position: relative; display: block; }
.pwvak > input { width: 100%; padding-right: 2.9rem; }
.pwoog {
  position: absolute; right: .3rem; top: 0; bottom: 0;
  display: flex; align-items: center; justify-content: center;
  width: 2.4rem; padding: 0; cursor: pointer;
  border: none; background: none; font-size: 1.05rem; line-height: 1;
}
.pwoog:focus-visible { outline: 3px solid var(--honey, #B98A46); border-radius: 8px; }