.game-btn-content {
  display: flex;
  justify-content: center;
  gap: 18px;
  padding-top: 30px;
}

.game-btn {
  position: relative;
  top: 22px;
  font-family: inherit;
  padding: 0.6em 1.3em;
  font-weight: 200;
  font-size: 20px;
  border: 3px solid black;
  border-radius: 0.4em;
  cursor: pointer;
  background-image: linear-gradient(
    0deg,
    hsl(34deg 84% 66%) 0%,
    hsl(34deg 83% 65%) 16%,
    hsl(33deg 82% 64%) 24%,
    hsl(32deg 81% 62%) 30%,
    hsl(32deg 80% 61%) 35%,
    hsl(31deg 79% 60%) 40%,
    hsl(30deg 78% 58%) 45%,
    hsl(30deg 77% 57%) 50%,
    hsl(30deg 78% 58%) 55%,
    hsl(31deg 79% 60%) 60%,
    hsl(32deg 80% 61%) 65%,
    hsl(32deg 81% 62%) 70%,
    hsl(33deg 82% 64%) 76%,
    hsl(34deg 83% 65%) 84%,
    hsl(34deg 84% 66%) 100%
  );
}

button:hover {
  transform: translate(-0.05em, -0.05em);
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.550));
}

.mobile-btn-content {
  position: absolute;
  top: 20px;
  z-index: 10;
  display: flex;
  justify-content: center;
  gap: 18px;
  left: 25%;
  right: 25%;
}

.mobile-btn {
  font-family: inherit;
  padding: 0.5em 1em;
  font-weight: 200;
  font-size: 16px;
  border: 3px solid black;
  border-radius: 0.4em;
  cursor: pointer;
  background-image: linear-gradient(
    170deg,
    hsl(193deg 71% 47%) 0%,
    hsl(195deg 60% 52%) 16%,
    hsl(196deg 58% 56%) 24%,
    hsl(196deg 57% 60%) 30%,
    hsl(197deg 55% 63%) 35%,
    hsl(197deg 54% 66%) 40%,
    hsl(197deg 52% 69%) 45%,
    hsl(198deg 51% 71%) 50%,
    hsl(198deg 49% 74%) 55%,
    hsl(198deg 47% 76%) 60%,
    hsl(198deg 45% 79%) 65%,
    hsl(198deg 43% 81%) 70%,
    hsl(198deg 39% 84%) 76%,
    hsl(198deg 35% 86%) 84%,
    hsl(198deg 29% 88%) 100%
  );
}

.info-container {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 18px;
}

.info-container img {
  position: relative;
  width: 32px;
  top: 22px;
  font-family: inherit;
  padding: 0.6em 1.3em;
  font-weight: 200;
  font-size: 20px;
  border: 3px solid black;
  border-radius: 0.4em;
  cursor: pointer;
  background-image: linear-gradient(
    0deg,
    hsl(34deg 84% 66%) 0%,
    hsl(34deg 83% 65%) 16%,
    hsl(33deg 82% 64%) 24%,
    hsl(32deg 81% 62%) 30%,
    hsl(32deg 80% 61%) 35%,
    hsl(31deg 79% 60%) 40%,
    hsl(30deg 78% 58%) 45%,
    hsl(30deg 77% 57%) 50%,
    hsl(30deg 78% 58%) 55%,
    hsl(31deg 79% 60%) 60%,
    hsl(32deg 80% 61%) 65%,
    hsl(32deg 81% 62%) 70%,
    hsl(33deg 82% 64%) 76%,
    hsl(34deg 83% 65%) 84%,
    hsl(34deg 84% 66%) 100%
  );
}

.info-container img:hover {
  transform: translate(-0.05em, -0.05em);
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.550));
}

.info-container-mobil {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 18px;  
}

.info-container-mobil img {
  width: 38px;
  border: 1px solid black;
  border-radius: 50px;
  background: hsl(34deg 84% 66%);
  padding: 0.4em;
  cursor: pointer;
}

.info-container-mobil img:hover {
  transform: translate(-0.05em, -0.05em);
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.550));
}

.restart-exit-container {
  position: relative;
  top: 240px;
}

.restart-exit-btn-mobil {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
  height: 100%;
  bottom: 10px;
  gap: 28px;
  z-index: 40;
  cursor: pointer;
}

.game-btn-mobil {
  font-family: inherit;
  padding: 0.3em 0.4em;
  font-weight: 200;
  font-size: 20px;
  border: 3px solid black;
  border-radius: 0.4em;
  cursor: pointer;
  background-image: linear-gradient(
    0deg,
    hsl(34deg 84% 66%) 0%,
    hsl(34deg 83% 65%) 16%,
    hsl(33deg 82% 64%) 24%,
    hsl(32deg 81% 62%) 30%,
    hsl(32deg 80% 61%) 35%,
    hsl(31deg 79% 60%) 40%,
    hsl(30deg 78% 58%) 45%,
    hsl(30deg 77% 57%) 50%,
    hsl(30deg 78% 58%) 55%,
    hsl(31deg 79% 60%) 60%,
    hsl(32deg 80% 61%) 65%,
    hsl(32deg 81% 62%) 70%,
    hsl(33deg 82% 64%) 76%,
    hsl(34deg 83% 65%) 84%,
    hsl(34deg 84% 66%) 100%
  );
}

.imprint-close-btn {
  font-family: inherit;
  padding: 0.3em 0.4em;
  font-weight: 200;
  font-size: 20px;
  border: 3px solid black;
  border-radius: 0.4em;
  cursor: pointer;
  background-image: linear-gradient(
    0deg,
    hsl(34deg 84% 66%) 0%,
    hsl(34deg 83% 65%) 16%,
    hsl(33deg 82% 64%) 24%,
    hsl(32deg 81% 62%) 30%,
    hsl(32deg 80% 61%) 35%,
    hsl(31deg 79% 60%) 40%,
    hsl(30deg 78% 58%) 45%,
    hsl(30deg 77% 57%) 50%,
    hsl(30deg 78% 58%) 55%,
    hsl(31deg 79% 60%) 60%,
    hsl(32deg 80% 61%) 65%,
    hsl(32deg 81% 62%) 70%,
    hsl(33deg 82% 64%) 76%,
    hsl(34deg 83% 65%) 84%,
    hsl(34deg 84% 66%) 100%
  );
}

.fullscreen-sound-btn {
  padding: 0.3em 0.5em;
  border-radius: 0.4em;
  cursor: pointer;
  background-image: linear-gradient(
    180deg,
    hsl(194deg 62% 53%) 0%,
    hsl(194deg 61% 55%) 18%,
    hsl(195deg 61% 57%) 26%,
    hsl(195deg 60% 60%) 33%,
    hsl(196deg 59% 62%) 39%,
    hsl(196deg 59% 64%) 44%,
    hsl(197deg 58% 67%) 50%,
    hsl(197deg 57% 69%) 56%,
    hsl(198deg 55% 71%) 61%,
    hsl(198deg 53% 74%) 67%,
    hsl(199deg 51% 76%) 74%,
    hsl(199deg 49% 79%) 82%,
    hsl(200deg 45% 81%) 100%
  );
}

.mobil-play-btn-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: end;
  height: 100%;
  bottom: 10px;
  padding: 0 24px;
}

.play-btn-content {
  gap: 29px;
}

.play-mobil-btn {
  width: 32px;
  height: 32px;
  border-radius: 50px;
	color: white;
  border: 3px dashed white;
  background-image: linear-gradient(
    0deg,
    hsl(20deg 100% 29%) 0%,
    hsl(18deg 69% 36%) 18%,
    hsl(20deg 60% 40%) 26%,
    hsl(22deg 54% 43%) 33%,
    hsl(23deg 50% 45%) 39%,
    hsl(25deg 47% 48%) 44%,
    hsl(26deg 45% 50%) 50%,
    hsl(28deg 47% 52%) 56%,
    hsl(29deg 49% 54%) 61%,
    hsl(30deg 52% 56%) 67%,
    hsl(31deg 54% 58%) 74%,
    hsl(32deg 57% 60%) 82%,
    hsl(33deg 60% 62%) 100%
  );
}