.coffee-checklist{
    list-style: none;
    display: flex;
    margin: 10px 0;;
    padding: 0;
    flex-wrap: wrap;
    gap: 0.5em;
}

.coffee-checklist li{

    font-size: 0.8em;
    padding: 4px 10px;
    border-radius: 3px;
}

.coffee-checklist.light li{
    border: solid 1px rgba(255,255,255,0.3);
    color: white;
}
.coffee-checklist.dark li{
    border: solid 1px rgba(0,0,0,0.3);
    color: black;
}