/* Botão "Mostrar" dentro do campo de senha (js/ver-senha.js).
   O seletor leva a caixa junto (.campo-senha-ver .botao-ver-senha) de
   propósito: telas de entrada estilizam "todo botão do cartão" como o botão
   azul largo, e sem o peso extra o "Mostrar" virava uma faixa azul por cima
   do campo da senha. */
.campo-senha-ver{position:relative;display:block;width:100%}
.campo-senha-ver > input{width:100%;box-sizing:border-box;padding-right:96px!important}
.campo-senha-ver .botao-ver-senha{position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:auto;margin:0;border:0;border-radius:999px;box-shadow:none;
  background:rgba(33,142,233,.12);color:#1B5FB8;font:inherit;font-size:.8rem;font-weight:700;
  line-height:1.2;padding:6px 12px;cursor:pointer;white-space:nowrap}
.campo-senha-ver .botao-ver-senha:hover{background:rgba(33,142,233,.2)}
.campo-senha-ver .botao-ver-senha:focus-visible{outline:3px solid rgba(33,142,233,.45);outline-offset:2px}