Anki Large and Colorful Buttons Plugin CSS Modifications

user_bottom_buttons.css

/* All buttons at the bottom of the review screen
(including the "Edit" and the "More" button) */
button {
height: 32px;
font-size: 14px;
border: solid 1px rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-appearance: none;
outline: none;
}


/* the "Show Answer" button */
#ansbut {
width: 360px !important;
background-color: #16bc69 !important;
}


/* All rating buttons */
#middle button {
width: 96px;
color: white;
margin: 0 4px;
}


/* the "Good" button */
#defease {
background-color: #4CAF50 !important;
color: white;
}


/* the "Again" button */
button[onclick*="ease1"] {
background-color: #D32F2F !important;
color: white;
}


/* the "Hard" button */
button[onclick*="ease2"]:not(#defease) {
background-color: #455A64 !important;
color: white;
}


/* the "Easy" button */
button[onclick*="ease3"]:not(#defease),
button[onclick*="ease4"]:not(#defease) {
background-color: #03A9F4 !important;
color: white;
}