.password-wrap { position: relative; display: block; }
.password-wrap input { width: 100%; padding-right: 44px; }
.password-toggle { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; padding: 0; border: 0; border-radius: 6px; color: inherit; background: rgba(127, 127, 127, .16); cursor: pointer; line-height: 1; }
.password-toggle:hover { background: rgba(127, 127, 127, .28); }
.password-toggle:active, .password-toggle.is-visible { background: rgba(196, 31, 42, .22); color: #c41f2a; }
.password-toggle::before { content: "👁"; font-size: 16px; }