.filters{margin-bottom:20px;text-align:center}.filters button{background-color:#0275d8;color:#fff;border:none;padding:10px 15px;margin:5px;border-radius:4px;cursor:pointer;transition:background-color 0.3s}.filters button:hover{background-color:#025aa5}.filters button.active{background-color:#025aa5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.grid-item{background-color:#f7f9fc;border:1px solid #ddd;border-radius:4px;padding:20px;text-align:center;transition:transform 0.3s,opacity 0.3s,background-color 0.3s}.grid-item:hover{background-color:#e6efff;transform:scale(1.05)}.grid-item.hide{opacity:0;transform:scale(.9);pointer-events:none}