.status-pending {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #fff0c2;
    color: #a68b00;
}

.status-paid {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #c8e6c9;
    color: #388e3c;
}

.status-unpaid {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #ffcdd2;
    color: #c62828;
}