/* The account theme styles every button as a full-width submit button.
   Override only WooCommerce's native password visibility control. */
body.woocommerce-account .woocommerce form .password-input {
    position: relative;
    display: block;
    width: 100%;
}
body.woocommerce-account .woocommerce form .password-input > input.input-text {
    box-sizing: border-box;
    padding-inline-end: 52px !important;
}
body.woocommerce-account .woocommerce form .password-input > button.show-password-input,
body.woocommerce-account .woocommerce form .password-input > button.show-password-input:hover,
body.woocommerce-account .woocommerce form .password-input > button.show-password-input:focus,
body.woocommerce-account .woocommerce form .password-input > button.show-password-input:active {
    position: absolute !important;
    top: 50% !important;
    inset-inline-end: 3px !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    min-width: 0 !important;
    max-width: 40px !important;
    height: 36px !important;
    min-height: 0 !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #2f4f41 !important;
    line-height: 1 !important;
    cursor: pointer;
}
body.woocommerce-account .woocommerce form .password-input > button.show-password-input:hover {
    background: #f15a2410 !important;
}
body.woocommerce-account .woocommerce form .password-input > button.show-password-input:focus-visible {
    outline: 2px solid #c6531f !important;
    outline-offset: -2px !important;
}
