.category-buttons-container{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:4px;gap:8px;padding-bottom:0.5rem}.category-btn{flex:0 0 auto;border-radius:12px;transition:all 0.2s ease-in-out;border:2px solid transparent;background-color:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,0.05);width:76px;height:84px}.category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);background-color:#c8eacc}.category-btn.active{background-color:#2fac66;border-color:#2fac66;box-shadow:0 4px 8px rgba(47,172,102,0.4)}.category-icon-wrapper{width:44px;height:44px;margin:0 auto 4px;border-radius:50%;overflow:hidden;background-color:#f4fcf4;display:flex;align-items:center;justify-content:center}.category-icon-img{width:100%;height:100%;object-fit:contain}.category-label{font-size:0.7rem;font-weight:600;color:#333}.category-btn.active .category-label{color:#ffffff}