.pgreen {
background-image: linear-gradient(150deg, #32cd32, #008000);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #32cd32
}
.porange {
background-image: linear-gradient(150deg, #ffbf00, #ff9800);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #ff9800
}
.paqua {
background-image: linear-gradient(150deg, #03a9f4, #2ebcfc);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #03a9f4
}
.pred {
background-image: linear-gradient(150deg, #f00, #b22222);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #f00
}
.ypred {
background-image: linear-gradient(150deg, #ffe218, #ffc018);
color: black;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #ffc018
}
.bpred {
background-image: linear-gradient(150deg, #1844ff, #186fff);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #1844ff
}