.dateList {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
    justify-content: center;
}

.dateBox {
    background-color: #0aac40;
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 10px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    min-width: 55px;
    text-align: center;
}

.dateBox.blocked {
    background-color: #5a1717;
    color: white;
}