.flex-password {
    display: flex;
    flex-direction: row;
    min-height: 35px;
    align-items: center;
}

.flex-password input::-ms-reveal {
    display: none;
}

.flex-password button {
    opacity: 0;
    margin-left: -46px;
    width: 18px;
    height: 18px;
    border: none;
    cursor: pointer;
    transition: 0.25s;
}

.flex-password input:hover ~ button {
    opacity: 1;
}

.flex-password button.svg-icon:hover {
    opacity: 1;
    background-color: var(--primary-color);
}