[สอบถาม] CSS+HTML ทำยังไงให้ปุ่มกด dropdownlist มีหลายสีครับ

.dropbtn2 {

margin-left: 15px;
text-align: center;
background-color: #f46262;
color: white;
padding: 16px;
font-size: 16px;
border: none;
font-weight:bold;
border-radius: 8px;

}

.dropdown2 {
margin: 0 auto;
text-align: center;
position: relative;
display: inline-block;
}

.dropdown-content-2 {

font-weight:bold;
border-radius: 8px;
margin-left: 30px;
display: none;
position: absolute;
background-color: #f46262;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;

}

.dropdown-content-2 a {
border-radius: 8px;
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;

}



.dropdown-content2 a:hover {background-color: #f46262;}

.dropdown2:hover .dropdown-content-2 {display: block;}

.dropdown2:hover .dropbtn2 {background-color: #f46262;}