.schooltijd-day {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.schooltijd-day:not(:last-of-type){
    border-bottom: 1px solid var(--color-secondary);
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.schooltijd-day > span {
    width: 120px;
    flex-shrink: 0;
    flex-grow: 0;
}

.schooltijd-blocks {
    display: flex;
    position: relative;
    flex-grow: 1;
}

.schooltijd-block {
    display: flex;
    background-color: var(--color-secondary);
    border-radius: 25px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    height: 50px;
    cursor: default;
    transition: transform 250ms cubic-bezier(0.5, 0.25, 0.5, 1.25);
}

.schooltijd-block:hover {
    transform: scale(1.1);
}

.schooltijden-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.schooltijden-head > div {
    display: flex;
}

.schooltijden-head h3 {
    margin-bottom: 0;
}

.schooltijden-head label {
    display: block;
    cursor: pointer;
    transition: transform 150ms ease-in-out;
}

.schooltijden-head label:not(:last-of-type){
    margin-right: 15px;
}

.schooltijden-head label:hover {
    transform: scale(1.1);
    transition: transform 250ms cubic-bezier(0.5, 0.25, 0.5, 2);
}

.schooltijden input {
    display: none;
}