:root{--accent-light:#7cc0e7;--accent:#4eabe1;--accent-dark:#377ea7;--pink:#b75eba}.gamecard{width:200px;min-width:200px;height:340px;background-color:#fff;border-radius:1.5em;box-shadow:0 3px 10px rgba(0,0,0,.2);margin:15px 25px;display:grid;grid-template-rows:1fr auto;overflow:hidden}.gamecard>.img-wrap-gamecard{grid-row:1;max-width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.game-image{object-fit:fill}.img-wrap-gamecard:hover .game-overlay{opacity:1}.img-wrap-gamecard:hover .game-image{transform:scale(1.1)}.game-overlay{position:absolute;opacity:0;width:100%;height:100%;background:rgba(124,192,231,.7);cursor:pointer;transition:opacity .5s ease;display:flex;justify-content:center;align-items:center}.game-overlay svg{color:#fff;width:60px;height:60px}.lower-section{height:100%;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center}.provider-with-game{width:100%;text-align:center}.gamecard-description{background:linear-gradient(45deg,#333,#696969);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gamecard-content{font-size:18px;color:#333;white-space:nowrap;text-align:center}.lower-section>.game-cta{width:100%;flex:0.5 1;display:flex;justify-content:center;align-items:center}.game-cta button{color:#fff;border-radius:1em;font-size:15px;padding:7px 28px;margin-bottom:10px;box-shadow:0 4px 0 0 var(--accent-dark);background-color:var(--accent);border:none}.game-cta button:hover{transform:translateY(3px);background-color:var(--accent-dark)}@media (max-width:600px){.gamecard{height:230px;width:160px;min-width:160px;margin:8px 6px}.lower-section{padding:5px 6px 4px;gap:2px}.lower-section>.game-cta{flex:none}.gamecard-content{font-size:13px;margin:0}.gamecard-description{font-size:11px}.game-cta button{font-size:12px;padding:5px 14px;margin-bottom:10px}}