/* container + input padding for the icon */
.pw-wrap { position: relative; }
.pw-input { padding-right: 2.5rem; }

/* kill framework button styles and position the icon */
button.pw-eye-btn {
    all: unset;                         /* neutralize global .button, button, etc */
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem; height: 2rem;
    cursor: pointer;
    color: #6b5e52;
}
button.pw-eye-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--focus, #c9ae7a);
    border-radius: 50%;
}
button.pw-eye-btn i { pointer-events: none; } /* makes clicks land on the button */
