.book-person {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--section-margin);
    margin-bottom: auto;
}

.book-person-count {
    font-size: 20px;
    width: 70px;
    color: var(--dark-blue);
    text-align: center;
}

.book-person-button {
    width: 90px;
    height: 90px;
    color: var(--dark-blue);
    background-color: var(--light-green);
    font-size: 36px;
    justify-content: center;
    display: flex;
    text-align: center;
    align-items: center;
    padding-bottom: 5px;
    /* margin-bottom: var(--padding-sm); */
}

.book-time {
    display: flex;
    position: relative;
    background: var(--white);
    border: 1px solid var(--dark-blue);
    padding: 6px;
    width: 100%;
    height: 70px;
    margin-bottom: 0;
}

.book-time input {
    display: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.book-time input:focus {
    outline: none;
}

.book-time label {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 18px;
    cursor: pointer;
    letter-spacing: 0.2px;
    color: var(--dark-blue);
    vertical-align: middle;

    line-height: 22px;
    position: relative;
    z-index: 2;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.book-time label p {
    vertical-align: middle;
    text-align: center;
}


.book-time-icon {
    width: 22px;
    height: 22px;
    object-fit: contain;
    pointer-events: none;
    z-index: 2;
}

.book-time input {
    display: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.book-time label {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.book-time label:focus,
.book-time label:active,
.book-time input:focus+label {
    outline: none;
    box-shadow: none;
}

.book-time label::-moz-focus-inner {
    border: 0;
}

.book-time input:checked+label {
    color: var(--white);
}

.book-time-glider {
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 6px;
    width: calc((100% - 12px) / 3);
    border-radius: 14px;
    z-index: 1;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

#bookMorning:checked,
#bookLunch:checked,
#bookEvening:checked {
    color: var(--white);
}

#bookMorning:checked~.book-time-glider {
    transform: translateX(0%);
    background: linear-gradient(135deg, var(--dark-blue), var(--dark-blue));
}

#bookLunch:checked~.book-time-glider {
    transform: translateX(100%);
    background: linear-gradient(135deg, var(--dark-blue), var(--dark-blue));
}

#bookEvening:checked~.book-time-glider {
    transform: translateX(200%);
    background: linear-gradient(135deg, var(--dark-blue), var(--dark-blue));
}