#course-calendar{

    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:12px;

}

.day{

    background:#fff;
    border:1px solid #ddd;
    padding:15px;
    border-radius:6px;
    cursor:pointer;
    transition:.2s;

}

.day:hover{

    background:#00a651;
    color:#fff;

}
.wccc-calendar{

    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:8px;
    max-width:600px;
    margin-top:20px;

}

.wccc-day{

    background:#fff;
    border:1px solid #ccc;
    padding:12px;
    text-align:center;
    cursor:pointer;
    border-radius:4px;

}

.wccc-day:hover{

    background:#2271b1;
    color:#fff;

}