An electronic device, comprising: a device housing that encloses at least a plurality of electronic components and includes a front cover plate having an opening; and a waterproof button assembly formed in the opening on the front cover plate of the device housing, the waterproof button assembly including: a button top; a flexible gasket mounted below the button top, the flexible gasket having a top surface impermeable to water and edges (1310, 1312) that extend beyond sides of the button top, the edges (1310, 1312) of the flexible gasket including a first peripheral edge and a peripheral region located in proximity to the first peripheral edge, wherein: the flexible gasket is configured to deflect in response to a press on the button top of the button assembly; the first peripheral edge of the flexible gasket makes a water tight seal with a second edge of the opening of the front cover plate, and the peripheral region of the flexible gasket is substantially transparent to visible light; a button structure mounted below a center region of the flexible gasket and configured to be actuated in response to the press on the button top; a plurality of LEDs mounted below the flexible gasket and in proximity to the button structure; and a light guide component mounted below the flexible gasket and in proximity to the plurality of LEDs, wherein the light guide component is configured to distribute light of the LEDs to the peripheral region of the flexible gasket. a device housing that encloses at least a plurality of electronic components and includes a front cover plate having an opening; and a waterproof button assembly formed in the opening on the front cover plate of the device housing, the waterproof button assembly including: a button top; a flexible gasket mounted below the button top, the flexible gasket having a top surface impermeable to water and edges (1310, 1312) that extend beyond sides of the button top, the edges (1310, 1312) of the flexible gasket including a first peripheral edge and a peripheral region located in proximity to the first peripheral edge, wherein: the flexible gasket is configured to deflect in response to a press on the button top of the button assembly; the first peripheral edge of the flexible gasket makes a water tight seal with a second edge of the opening of the front cover plate, and the peripheral region of the flexible gasket is substantially transparent to visible light; a button top; a flexible gasket mounted below the button top, the flexible gasket having a top surface impermeable to water and edges (1310, 1312) that extend beyond sides of the button top, the edges (1310, 1312) of the flexible gasket including a first peripheral edge and a peripheral region located in proximity to the first peripheral edge, wherein: the flexible gasket is configured to deflect in response to a press on the button top of the button assembly; the first peripheral edge of the flexible gasket makes a water tight seal with a second edge of the opening of the front cover plate, and the peripheral region of the flexible gasket is substantially the flexible gasket is configured to deflect in response to a press on the button top of the button assembly; the first peripheral edge of the flexible gasket makes a water tight seal with a second edge of the opening of the front cover plate, and the peripheral region of the flexible gasket is substantially transparent to visible light; a button structure mounted below a center region of the flexible gasket and configured to be actuated in response to the press on the button top; a plurality of LEDs mounted below the flexible gasket and in proximity to the button structure; and a light guide component mounted below the flexible gasket and in proximity to the plurality of LEDs, wherein the light guide component is configured to distribute light of the LEDs to the peripheral region of the flexible gasket.