:root{
  --host-btn-padding: 6px 12px;
  --host-btn-radius: 999px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: var(--host-btn-padding);
  border-radius: var(--host-btn-radius);
  border:1px solid rgba(255,255,255,.12);
  background: var(--btn);
  font-weight: 800;
  color: #fff;
  font-size: 14px;
}
.btn.ghost{
  background: var(--btn);
  border:1px solid rgba(255,255,255,.12);
  color: #fff;
}
.btn:disabled{
  opacity: .5;
  cursor: not-allowed;
}
.event-focus{
  display:flex;
  align-items:center;
  gap: 12px;
  margin: 6px 0 10px;
  flex-wrap: wrap;
}
.event-focus .label{
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(37,99,235,.20);
  border: 1px solid rgba(37,99,235,.45);
  color: #c7d2fe;
  font-weight: 800;
}
.event-focus .name{
  font-size: 20px;
  font-weight: 900;
  color: #facc15;
  letter-spacing: .02em;
}
.top-link{
  font-size: 16px !important;
}