.m-game-card:not(.m-game-card--skeleton):hover .m-game-overlay,
.m-game-card:not(.m-game-card--skeleton):hover .m-game-card__top-right {
  opacity: 1
}

.m-game-card:not(.m-game-card--skeleton):hover .m-game-footer--large:after {
  background-color: var(--gradient-dark-grey-0-right)
}

.m-game-card:not(.m-game-card--skeleton):hover .m-game-footer-left--large:after {
  background: var(--gradient-dark-grey-0-right)
}

.m-game-card:not(.m-game-card--skeleton):hover .m-card-thumb {
  transform: scale(1.1)
}

.m-game-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--color-b060);
  opacity: 0;
  transition: all .3s ease
}