.password-field { position: relative; }
.auth-form .password-field input { padding-right: 3.6rem; }
.auth-form .password-visibility-toggle {
    justify-self: start;
    min-height: 2.75rem;
    padding: 0 .15rem;
    border: 0;
    border-radius: 0;
    color: #087d75;
    background: transparent;
    font: inherit;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}
.auth-form .password-visibility-toggle--icon {
    position: absolute;
    top: .125rem;
    right: .125rem;
    width: 3rem;
    min-height: 3rem;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    color: #075f59;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
}
.auth-form .password-visibility-toggle--icon:hover { background: #edf5f3; }
.auth-form .password-visibility-toggle--icon svg { width: 1.45rem; height: 1.45rem; fill: currentColor; }
.auth-form .password-visibility-toggle--icon svg[hidden] { display: none; }
