.platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px;margin:0 auto}.platform-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px;border-radius:.5rem;border:1px solid #dcdcdc;transition:transform .3s ease;cursor:pointer;user-select:none}.platform-item:hover,.platform-item:active{background-color:#e6e6e6}.platform-item .badge{z-index:1}.platform-image{max-width:100px;margin-bottom:10px}.platform-title{font-size:1em;color:#333}@media(max-width:767px){.platforms-grid{grid-template-columns:repeat(2,1fr)}}