/* BOOM_MAP_CLOSE_BOTTOM_V1 */

#boom-fly-map .boom-fly-close-bottom {
  position: fixed;
  left: 50%;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  z-index: 1000002;

  min-width: 190px;
  height: 48px;
  padding: 0 22px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  border: 2px solid rgba(61, 231, 255, .8);
  border-radius: 999px;

  background: rgba(3, 15, 25, .96);
  color: #fff;

  box-shadow:
    0 8px 28px rgba(0, 0, 0, .7),
    0 0 18px rgba(61, 231, 255, .22);

  font: 900 12px/1 'Orbitron', sans-serif;
  letter-spacing: .06em;

  cursor: pointer;
}

#boom-fly-map .boom-fly-close-bottom span {
  color: #ff5a68;
  font-size: 20px;
  line-height: 1;
}

#boom-fly-map .boom-fly-close-bottom:active {
  transform: translateX(-50%) scale(.96);
}

@media (min-width: 769px) {
  #boom-fly-map .boom-fly-close-bottom {
    bottom: 24px;
  }
}