#booking {

    #calendar {

        background: #f8f8f8;
        width: fit-content;
        padding: 12px;
        box-sizing: border-box;

        th {
            --back: #1b86c7;
            --col: white;
            padding: 5px;
        }

        td {
            --back: #eaeaea;
            --col: #525252;
            padding: 5px;
        }

        th span, td span {
            --size: 34px;
            --font-size: 17px;
            display: block;
            width: var(--size);
            line-height: var(--size);
            aspect-ratio: 1;
            vertical-align: middle;
            justify-content: center;
            background: var(--back);
            color: var(--col);
            font-size: var(--font-size);
            border-radius: 50%;
            text-align: center;
            cursor: pointer;
        }
        
    }
    
}