.card__grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:15px}.card__item{border-radius:1rem;cursor:pointer;display:block;height:185px;overflow:hidden;position:relative;width:100%}.card__item img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card__item .card__button{bottom:0;color:#000;font-size:14px;height:-moz-fit-content;height:fit-content;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;width:-moz-fit-content;width:fit-content}.card__item .card__button:hover{color:#fff}.card__item:hover .card__button{opacity:1}@media(max-width:1000px){.card__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.card__grid{grid-template-columns:repeat(2,1fr)}}