.favouriteButton{border:1px solid var(--color-text);cursor:pointer;background-color:#0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:3rem;padding-left:1.5rem;padding-right:1.5rem;transition:background-color .2s ease-in-out;display:flex}.favouriteButton .material-symbols-outlined{color:var(--color-real-white);font-size:1rem}.favouriteButton .button-text{text-wrap:no-wrap;color:var(--color-real-white);font-family:poppins,sans-serif;font-size:.875rem;font-weight:700}.favouriteButton:hover{background-color:var(--color-black-light);transition:all .2s ease-in-out}
.gameCard{cursor:pointer;background-color:var(--color-real-black);border-radius:4px;flex-direction:column;width:18rem;height:24rem;transition:all .3s;display:flex;box-shadow:0 8px 24px #959da533}.gameCard .gameCard-figure{border-radius:9px;position:relative}.gameCard .gameCard-figure .game-favourite{box-shadow:0 0 6px 0 var(--color-real-black);background-color:#d3deea;align-items:flex-end;gap:.2rem;padding:.1rem .7rem .3rem;display:flex;position:absolute;top:2rem}.gameCard .gameCard-figure .game-favourite>img{width:12px}.gameCard .gameCard-figure .game-favourite .game-favourite__text{color:var(--color-real-black);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;height:18px;font-size:.78rem;line-height:19px}.gameCard .gameCard-figure .gameCard-figure__cover{border-radius:4px 4px 0 0;width:100%;height:21rem}.gameCard .gameCard-figure .game-title-area{background-color:#101010c0;width:100%;max-height:0;transition:max-height .15s ease-in;position:absolute;bottom:0;overflow:hidden}.gameCard .gameCard-figure .game-title-area .game-title{color:var(--color-white);letter-spacing:1px;padding:1rem;font-family:iceland,sans-serif}.gameCard .gameCard-figure .dropdown{max-height:8rem;transition:max-height .15s ease-in;display:flex;position:absolute;bottom:0}.gameCard .gameCard-favourite{background-color:#0000;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:1rem;height:100%;transition:all .3s;display:flex}.gameCard .gameCard-favourite>h3{color:var(--color-white);text-transform:uppercase;letter-spacing:1px;font-size:16px;font-weight:100;transition:font-size .2s linear}.gameCard .gameCard-favourite .game-is-favourite{color:var(--color-footer-heading)}.gameCard .gameCard-favourite:hover{color:var(--color-white);border:1px solid var(--color-white);background-color:#ffffff10;transition:all .3s}.gameCard .gameCard-favourite:active{border:2px solid var(--color-real-black)}.gameCard .gameCard-favourite:active>h3{font-size:15px;transition:font-size .2s linear}
.playButton{cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff14;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:3rem;padding-left:1.5rem;padding-right:1.5rem;transition:all .2s ease-in-out;display:flex}.playButton .material-symbols-outlined{color:var(--color-real-white);font-size:1rem}.playButton .button-text{color:var(--color-real-white);text-wrap:no-wrap;font-family:poppins,sans-serif;font-size:.875rem;font-weight:700}.playButton:hover{-webkit-backdrop-filter:brightness(1.4);backdrop-filter:brightness(1.4);transition:all .2s ease-in-out}