.password-toggle {
    position: relative;
    display: block;
}

.password-toggle > input {
    margin: 0 !important;
    padding-right: 46px !important;
}

.password-toggle__button {
    position: absolute;
    display: grid;
    place-items: center;
    top: 50%;
    right: 2px;
    width: 42px !important;
    height: calc(100% - 4px);
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 5px 5px 0;
    background: transparent !important;
    color: #52616f !important;
    transform: translateY(-50%);
    box-shadow: none !important;
}

.password-toggle__button:hover,
.password-toggle__button:focus-visible {
    background: transparent !important;
    color: #1769aa !important;
}

.password-toggle__button:focus-visible {
    outline: 2px solid #1769aa;
    outline-offset: -5px;
}

.password-toggle__button svg {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.password-toggle__button .password-toggle__slash {
    display: none;
}

.password-toggle__button[aria-pressed="true"] .password-toggle__slash {
    display: block;
}