.password-toggle-field {
    position: relative;
}

.password-toggle-field > input[type='password'],
.password-toggle-field > input[type='text'] {
    padding-right: 3.25rem;
}

.password-toggle-button {
    position: absolute;
    top: 50%;
    right: .5rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
    border: 0;
    border-radius: .375rem;
    background: transparent;
    color: #71809a;
    cursor: pointer;
    transform: translateY(-50%);
}

.password-toggle-button:hover,
.password-toggle-button:focus-visible {
    background: #edf2fb;
    color: #2463eb;
    box-shadow: none;
    transform: translateY(-50%);
}

.password-toggle-button:focus-visible {
    outline: 2px solid #2463eb;
    outline-offset: 2px;
}