.ressource-filters{display:flex;flex-direction:column;gap:24px;margin:40px auto 0;max-width:800px}.ressource-filters__group{display:flex;flex-direction:column;gap:12px}.ressource-filters__buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ressource-filter-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:5px 24px;transition:all .3s ease}.ressource-filter-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.ressource-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#25282a}.ressource-filter-btn.active[data-filter=all]{background:#fff;border-color:#fff;color:#25282a}.ressource-filters-mobile-trigger{align-items:center;background:#25282a;border:none;border-radius:50px;bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:600;gap:8px;padding:16px 24px;position:fixed;right:30px;transition:all .3s ease;z-index:1000}.ressource-filters-mobile-trigger:hover{background:#1a1d1f;box-shadow:0 6px 16px rgba(0,0,0,.2);transform:translateY(-2px)}.ressource-filters-mobile-trigger .icon{height:16px;width:16px}.ressource-filters-mobile-background{background:rgba(0,0,0,.5);display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1001}.ressource-filters-mobile-background.active{opacity:1}.ressource-filters-mobile-modal{background:#fff;border-radius:20px 20px 0 0;bottom:0;display:none;left:0;max-height:80vh;overflow-y:auto;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:1002}.ressource-filters-mobile-modal.active{transform:translateY(0)}.ressource-filters-mobile-content{padding:0}.ressource-filters-mobile-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 24px}.ressource-filters-mobile-header h3{color:#25282a;font-size:18px;font-weight:600;margin:0}.ressource-filters-mobile-close{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;padding:4px;transition:background-color .2s ease}.ressource-filters-mobile-close:hover{background-color:#f8f9fa}.ressource-filters-mobile-close .icon{height:20px;width:20px}.ressource-filters-mobile-body{padding:24px}@media (max-width:768px){.ressource-filters{display:flex;margin-top:30px}.ressource-filters__buttons{flex-wrap:wrap;justify-content:center}.ressource-filter-btn{font-size:13px;padding:10px 20px}.ressource-filters-mobile-trigger{display:none}.ressource-filters-mobile-background,.ressource-filters-mobile-modal{display:none!important}}