.top {
  position: relative;
}

.discovery-link {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 24px;
  margin-left: 4px;
  padding: 2px 7px;
  border: 1px solid var(--line-strong);
  border-radius: 2px;
  color: var(--cream-dim);
  font-size: 10px;
  letter-spacing: 0.12em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.discovery-link:hover,
.discovery-link:focus-visible {
  border-color: rgba(212, 175, 55, 0.55);
  color: var(--gold);
  text-decoration: none;
}

@media (max-width: 879px) {
  html.map-max .brand {
    display: contents;
  }

  html.map-max .brand-logo,
  html.map-max .brand-copy {
    display: none;
  }

  html.map-max .discovery-link {
    position: absolute;
    top: calc(100% + 8px);
    right: 10px;
    z-index: 31;
    margin-left: 0;
    background: rgba(11, 13, 16, 0.9);
  }
}