.card-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:20px}.card{display:grid;grid-template-rows:-webkit-max-content 200px 1fr;grid-template-rows:max-content 200px 1fr;display:inline;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}[dir] .card{background-color:rgba(226,226,223,.5);padding:20px;border:1px solid #c9c9c9;box-shadow:0 2px 3px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.card:hover{-webkit-box-shadow:0 4px 8px 0 rgba(253,250,203,.5),0 6px 20px 0}[dir] .card:hover{box-shadow:0 4px 8px 0 rgba(253,250,203,.5),0 6px 20px 0;cursor:pointer}