.secondary-button:disabled,
.secondary-button[aria-disabled="true"],
.join-button:disabled,
.join-button[aria-disabled="true"] {
  background: #d8dde3;
  color: #707984;
  cursor: not-allowed;
  box-shadow: none;
}

.featured .join-button {
  width: 100%;
}

.join-availability {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-weight: 700;
}

.hero-expand-button{position:absolute;z-index:3;top:18px;right:18px;min-height:46px;border:1px solid rgba(255,255,255,.8);border-radius:13px;padding:8px 13px;background:rgba(10,31,54,.82);color:#fff;font-weight:800;cursor:pointer}
.hero-expand-button span{margin-left:5px}
.walk-photo .hero-expand-button{top:10px;right:10px;max-width:calc(100% - 20px);font-size:.82rem}
.copy-walk-button{min-height:46px;margin-top:7px;border:1px solid #98c8f3;border-radius:12px;padding:8px 13px;background:#eaf4ff;color:var(--blue-dark);font-weight:900;cursor:pointer}
.featured-image-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:#07111d}
.featured-image-dialog::backdrop{background:#07111d}
.featured-image-dialog img{display:block;width:100%;height:100%;object-fit:contain}
.featured-image-dialog>button{position:fixed;z-index:2;top:max(14px,env(safe-area-inset-top));right:16px;width:52px;height:52px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:2rem;line-height:1;cursor:pointer}
@media(max-width:600px){.hero-expand-button{top:12px;right:12px;width:48px;padding:6px;font-size:1.35rem}.hero-expand-button span{display:none}.copy-walk-button{width:100%}}