.red {
color: white;
background: linear-gradient(to right, #f00, #900);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}
.green {
color: white;
background: linear-gradient(to right, #228b22, #008000);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}
.orange {
color: white;
background: linear-gradient(to right, #ffa500, #ff8c00);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}
.skyred {
color: white;
background: linear-gradient(to right, #f24666, #f24666);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}
.yellow {
color: black;
background: linear-gradient(to right, #ff0, #ffa500);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}