.game-menu__settings {
  align-items: center;
  background-image: var(--settings_background_image_gradient);
  border-radius: 10px;
  box-shadow: 0px 0px 8px var(--settings_box_shadow_color);
  display: flex;
  flex-flow: column wrap;
  gap: 10px;
  height: 100%;
  justify-content: center;
  max-height: 300px;
  max-width: 400px;
  padding-block: 10px;
  position: relative;
  width: 100%;
}

@media (min-width: 1367px) {
  .game-menu__settings {
    max-height: 500px;
    max-width: 650px;
  }
}

@media (max-height: 375px) {
  .game-menu__settings {
    height: max-content;
    justify-content: space-between;
    max-height: 180px;
    z-index: 1;
  }
}