.concierge {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 1.7rem;
  justify-content: center;
  max-width: min(46rem, calc(100vw - 10rem));
}

.concierge__btn {
  padding: 0.2rem 0;
  border: 0;
  background: none;
  color: var(--paper-dim);
  font-family: var(--display);
  font-size: 0.62rem;
  letter-spacing: 0.28em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: default;
  transition: color 0.6s var(--ease-silk);
}

a.concierge__btn,
.concierge__link {
  cursor: pointer;
}

.concierge__btn--dead {
  color: rgba(246, 239, 224, 0.32);
  cursor: default;
  pointer-events: none;
}

a.concierge__btn:hover,
.concierge__link:hover,
a.concierge__btn:focus-visible,
.concierge__link:focus-visible {
  color: var(--gold-hot);
  outline: none;
}

@media (max-width: 860px) {
  .concierge {
    position: fixed;
    left: 50%;
    bottom: 2.4rem;
    z-index: 5;
    max-width: calc(100vw - 2rem);
    padding: 0.55rem 1rem;
    border: 1px solid rgba(239, 230, 212, 0.1);
    background: rgba(7, 8, 11, 0.32);
    backdrop-filter: blur(10px);
    transform: translateX(-50%);
  }
}