.filter-container {
                display: flex;
                align-items: center;
                overflow: hidden;
                white-space: nowrap;
                position: relative;
                background-color: #f8f9fa;
                border-radius: 5px;
                padding: 5px;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            }

            .button-wrapper {
                display: flex;
                overflow-x: auto;
                scroll-behavior: smooth;
                flex-grow: 1;
                padding: 5px 0;
            }

            .filter-form {
                display: flex;
            }

            .filter-form .btn {
                position: relative;
                margin: 0 5px;
                white-space: nowrap;
                background-color: rgb(158, 148, 215);
                color: white;
                border: none;
                border-radius: 5px;
                overflow: hidden;
                transition: background-color 0.3s, border-bottom 0.3s;
            }

            .filter-form .btn:hover {
                background-color: rgb(123, 104, 238);
            }

            .filter-form .btn.active {
                background-color: rgb(123, 104, 238);
                color: white;
                border-bottom: 3px solid #ffdd57;
            }

            .filter-form .btn .date {
                display: block;
                transition: transform 0.3s;
            }

            .filter-form .btn .day {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%) scale(0);
                opacity: 0;
                color: white;
                font-size: 0.9em;
                transition: transform 0.3s, opacity 0.3s;
            }

            .filter-form .btn:hover .date {
                transform: translateY(-100%);
            }

            .filter-form .btn:hover .day {
                transform: translate(-50%, -50%) scale(1);
                opacity: 1;
            }