CSS just change background-color – Heap Overflow

If I comprehended your inquiry properly, after that this might assist.

<< switch course=" score-button">> Switch<

 score-button {
size: 35px;
elevation: 35px;
boundary: 1px strong #f 00;
background-color: clear;
border-radius: 23px;
shade: # 000;
arrow: tip;
font-size: 18px;
font-weight: 600;

&&: float {
background-color: # 00f;
}

&&. picked {
change: direct 0.5 s;
boundary: none;
background-color: #f 00;
shade: # 000;
}
}

$(' switch'). on(' click', (e) => > {
$( e.currentTarget). addClass(' picked');.
} ). on(' mouseout', (e) => > {
$( e.currentTarget). removeClass(' picked');.
} );.

I did had your shade variables, so I changed them with fixed shades.