.password-toggle {
    align-items: center;
    background: #fff;
    border: 1px solid #d8deea;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    color: #64748b;
    display: inline-flex;
    justify-content: center;
    min-width: 46px;
}

.password-toggle:hover,
.password-toggle:focus {
    background: #fff;
    border-color: #d8deea;
    color: #3454d1;
    box-shadow: none;
}

.input-group > input[type="password"].form-control,
.input-group > input[type="text"].form-control.password-toggle-input {
    border-color: #d8deea;
    border-radius: 4px 0 0 4px;
    border-right: 0;
}

.input-group > input[type="password"].form-control:focus,
.input-group > input[type="text"].form-control.password-toggle-input:focus {
    border-color: #3454d1;
    box-shadow: none;
}

.input-group > input[type="password"].form-control:focus + .password-toggle,
.input-group > input[type="text"].form-control.password-toggle-input:focus + .password-toggle {
    border-color: #3454d1;
}