/* Contenedor del input y el botón */
.password-wrapper {
    position: relative;
    width: 100%;
}

/* Ajuste para que el texto largo no se tape con el ojo */
.password-wrapper input {
    width: 100%;
    padding-right: 45px; /* Deja espacio para que el ojo no encime las letras */
}

/* El botón del ojito */
.toggle-password-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0;
    user-select: none;
    transition: transform 0.2s;
}

.toggle-password-btn:hover {
    transform: translateY(-50%) scale(1.15); /* Crece un poquito al pasar el mouse */
}