how to change the hover background color of the toggle button's Oval and Rectangle using custom CSS

@AA_9130612 

Here is some CSS which will adjust some attributes of the toggle button. I am not sure I have gotten the item you are looking to adjust. Let me know if you need more.

/* adjust label text color and backgroud and border */
.widget-ptcstogglebutton::part(label) {
 background: orange;
 border-color: red;
 border-width: 4px;
 color: green;
}
/* Set background of toggle button */
.widget-ptcstogglebutton::part(rectangle) {
 background: orange;
 border-color: green;
 border-width: 4px;
}
/* set color of dot in slide */
.widget-ptcstogglebutton::part(oval) {
 background: fuchsia;
}
/* adjust toggle when checked */
.widget-ptcstogglebutton:not([disabled])[checked]::part(rectangle) {
 background: greem;
 border-color: yellow;
 border-width: 4px;
}