.availability-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1.8rem;
}

.availability-menu__link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 0.65rem 1.1rem;
  border: 1px solid var(--hg-border-strong);
  border-radius: 999px;
  color: var(--hg-muted);
  background: var(--hg-surface);
  font-size: 0.9rem;
  font-weight: 750;
}

.availability-menu__link:hover,
.availability-menu__link:focus-visible,
.availability-menu__link.is-current {
  border-color: var(--hg-accent);
  color: var(--hg-text);
  background: rgba(255, 61, 146, 0.12);
}