.kurse-module{.filters{margin-bottom:40px;.filter-group{margin-bottom:20px;label{display:block;font-size:16px;font-weight:700;margin-bottom:10px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:var(
          --filter-gradient,linear-gradient(135deg,#888,#aaa)
        );border:2px solid #fff;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;outline:none;padding:8px 20px;position:relative;transition:all .3s ease;&:hover{transform:scale(1.05)}&.active{background:#fff;background-clip:text;-webkit-background-clip:text;border:2px solid transparent;border-image:var(
              --filter-gradient,linear-gradient(135deg,#888,#aaa)
            ) 1;-webkit-text-fill-color:transparent;background-image:var(
            --filter-gradient,linear-gradient(135deg,#888,#aaa)
          );&:before{background:transparent}}}}.date-dropdown{position:relative;.dropdown-toggle{background:var(
          --filter-gradient,linear-gradient(135deg,#888,#aaa)
        );border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;min-width:200px;overflow:hidden;padding:8px 20px;position:relative;text-align:left;transition:all .3s ease;&:before{background:hsla(0,0%,100%,0);content:"";inset:0;pointer-events:none;position:absolute;transition:all .3s ease}&:hover{transform:scale(1.05);&:before{background:hsla(0,0%,100%,.15)}}}.dropdown-menu{background:#fff;border:2px solid #1f3034;box-shadow:0 4px 12px rgba(0,0,0,.1);display:none;left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:calc(100% + 5px);z-index:100;&.active{display:block}}.dropdown-content{display:flex;flex-direction:column}.dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 15px;transition:background-color .2s ease;&:hover{background-color:#f0f0f0}&.back{border-bottom:1px solid #e0e0e0;font-weight:600;.arrow{margin-right:5px}}.arrow{font-size:18px;font-weight:700}}}}.card-item.filtered-out{display:none!important}.cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.card-item.hidden{display:none}.card-item{display:flex;flex-direction:column;overflow:hidden;padding:50px 30px 70px;position:relative;transition:.3s ease;width:auto;width:calc(33.33333% - 20px);h3,p{font-weight:700;margin-bottom:0}.card-infos{margin-bottom:30px;p{font-size:16px}}.card-link{align-items:center;display:flex;gap:10px;transition:gap .3s ease;p{font-size:13px;font-weight:600}img{transition:opacity .3s ease}}&:before{background:var(
        --card-gradient,linear-gradient(135deg,#888,#aaa)
      );bottom:0;content:"";height:5px;left:0;position:absolute;transition:height .3s ease;width:100%;z-index:0}&:hover a,&:hover h3,&:hover p{color:#fff}&:hover .card-link{gap:30px}&:hover:before{height:100%}>*{position:relative;z-index:1}.card-title{margin-bottom:90px}}.button-wrapper{display:flex;justify-content:center;margin-top:60px;a,button{background-color:#1f3034;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:20px;padding:15px 30px;text-decoration:none;transition:.3s ease}a:hover,button:hover{background-color:#000}}}@media (max-width:1024px){.kurse-module{.card-item{padding:40px 25px 60px;width:calc(50% - 10px);.card-title{margin-bottom:70px}}}}@media (max-width:768px){.kurse-module{.filters{margin-bottom:30px;.filter-group{margin-bottom:15px;label{font-size:14px}.filter-btn{font-size:13px;padding:6px 15px}}.date-dropdown{.dropdown-toggle{font-size:13px;min-width:unset;padding:6px 15px;width:100%}.dropdown-menu{width:100%}.dropdown-item{font-size:13px;padding:8px 12px}}}.cards{gap:15px}.card-item{padding:30px 20px 50px;width:100%;.card-infos{margin-bottom:20px;p{font-size:14px}}.card-title{margin-bottom:50px;h3{font-size:18px}}.card-link{p{font-size:12px}}}.button-wrapper{margin:40px 0;a,button{font-size:16px;max-width:300px;padding:12px 25px;width:100%}}}}