.genre-filter{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.genre-filter__btn{cursor:pointer;border:none;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.genre-filter__btn--inactive{color:#e6e6e6;background:#272c35}.genre-filter__btn--inactive:hover{color:#f2f2f2;background:#272c35cc}.genre-filter__btn--active{color:#fff;background:#1cca5b;box-shadow:0 4px 12px #1cca5b40}