.day-option {
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    border-radius: 0.5rem;
    padding: 0.25rem 0.5rem;
    text-align: center;
    cursor: pointer;
    text-wrap: nowrap;
}

    .day-option:hover {
        background-color: #f0f0f0;
    }

    .day-option.selected {
        background-color: #e2e2e2;
    }

        .day-option.selected .day-date {
            color: #4a00e0;
            font-weight: 600;
        }

.btn-check:checked + .btn {
    background-color: #198754 !important;
    color: white;
    transition: 0.5s all;
}

.scroll-hidden {
    scroll-behavior: smooth;

    &::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        background: transparent;
    }

    &::-webkit-scrollbar-thumb {
        width: 0px;
        height: 0px;
        background: transparent;
    }

    &:hover::-webkit-scrollbar-thumb {
        width: 0px;
        height: 0px;
        background: transparent;
    }
}