.bb-game-share {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 12px;
  margin: 12px auto 18px;
  color: #01133b;
}

.bb-game-share-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 9px 16px;
  border: 1px solid #a80523;
  border-radius: 8px;
  background: #fff;
  color: #a80523 !important;
  -webkit-text-fill-color: #a80523 !important;
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}

.bb-game-share-button svg { flex: none; }
.bb-game-share-button:hover { background: #fff4f6; }
.bb-game-share-button:disabled { opacity: .65; cursor: default; }
.bb-game-share-button:focus-visible { outline: 3px solid #01133b; outline-offset: 3px; }
.bb-game-share-status { margin: 0; font-size: 13px; font-weight: 700; }
.bb-game-share-status:empty { display: none; }
.bb-game-share-url { width: min(100%, 440px); min-width: 0; padding: 10px; border: 1px solid #dce3ec; border-radius: 8px; color: #01133b; background: #fff; }
.bb-game-share[hidden], .bb-game-share [hidden] { display: none !important; }
.bb-game-card { flex: 0 1 720px; min-width: 0; padding: 12px; border: 1px solid #dce3ec; border-radius: 12px; background: #fff; }
.bb-game-card img { display: block; width: 100%; height: auto; border-radius: 8px; }
.bb-game-card-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; }
.bb-game-card-actions a { text-decoration: none; }
.bb-game-card-note { margin: 10px 0 0; text-align: center; color: #526077; font-size: 12px; }

@media (max-width: 767.98px) {
  .bb-game-share { padding-inline: 12px; }
  .bb-game-share-button { min-height: 48px; }
  .bb-game-share-status { flex-basis: 100%; text-align: center; }
}