.mobileToggle {
  position: sticky;
  bottom: var(--Space-x5);
  margin-bottom: var(--Space-x5);
  z-index: var(--hotel-mobile-map-toggle-button-z-index);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--Space-x05);
  align-items: center;
  border-radius: var(--Corner-radius-Rounded);
  background-color: var(--Component-Button-Inverted-Fill-Default);
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.15);
  padding: 6px;
  width: fit-content;
  justify-self: center;
}

.iconWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--Space-x05);
  padding: var(--Space-x1) var(--Space-x2);
  background-color: transparent;
  border-radius: 2.5rem;
  color: var(--Text-Accent-Primary);

  &.active {
    background-color: var(--Surface-Brand-Primary-2-Default);
    color: var(--Text-Inverted);
  }

  &:not(.active) {
    cursor: pointer;
  }
}

.link {
  display: contents;
  color: var(--Text-Accent-Primary);
}

@media screen and (min-width: 1367px) {
  .mobileToggle {
    display: none;
  }
}
