.year-filter-wrapper{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:1rem}
        .year-filter-wrapper a{padding:.5rem 1rem;border:2px solid #007bff;color:#007bff;text-decoration:none;border-radius:4px;font-weight:500;white-space:nowrap;transition:all .3s ease-in-out}
        .year-filter-wrapper a:hover{background-color:#007bff;color:#fff}
        .year-filter-wrapper a.active{background-color:#007bff;color:#fff}
        @media (max-width:768px){
            .year-filter-wrapper{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
            .year-filter-wrapper::-webkit-scrollbar{display:none}
            .year-filter-wrapper a{flex:0 0 auto}
        }