.password-field { position: relative; display: block; width: 100%; }
.password-field > input { width: 100%; padding-inline-end: 3rem !important; }
.password-visibility { position: absolute; inset-inline-end: .45rem; top: 50%; translate: 0 -50%; display: inline-grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: .4rem; border: 0; border-radius: .5rem; background: transparent; color: currentColor; cursor: pointer; }
.password-visibility:hover { background: rgba(15, 107, 95, .1); }
.password-visibility:focus-visible { outline: 3px solid #e7b85c; outline-offset: 1px; }
.password-visibility svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }