Template:Album Rating/styles.css

.album-rating {
    display: inline-flex; /* Ensures content stays centered */
    justify-content: center; /* Horizontally center the text */
    align-items: center; /* Vertically center the text */
    width: 50px; /* Ensures a fixed square */
    height: 50px; /* Same as width to maintain square shape */
    font-weight: bold;
    font-size: 20px;
    border-radius: 6px; /* Rounded corners */
    text-align: center;
}

.rating-green {
    background-color: #00ce7a;
    color: black;
}

.rating-yellow {
    background-color: #ffbd3f;
    color: black;
}

.rating-red {
    background-color: #ff6874;
    color: white;
}