/* Focused interaction and content fixes. */
.bc-button--ghost:hover,
.bc-button--secondary:hover {
  border-color: var(--bc-red-dark);
  color: #fff;
  background: var(--bc-red-dark);
}

.bc-store-link:hover,
.bc-store-link:focus-visible {
  color: #fff;
  background: var(--bc-wine);
}

.bc-guide__label {
  z-index: 5;
  top: 1.1rem;
  left: 50%;
  width: max-content;
  max-width: calc(100% - 2rem);
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.72);
  background: rgba(255,254,250,.94);
  box-shadow: 0 10px 30px rgba(79,22,48,.12);
  text-align: center;
}

.bc-store-actions { gap: .75rem; }
.bc-store-button {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  min-width: 12.5rem;
  min-height: 3.7rem;
  padding: .65rem 1rem;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: .85rem;
  color: #fff;
  background: var(--bc-ink);
  box-shadow: 0 14px 32px rgba(44,32,37,.16);
  text-decoration: none;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.bc-store-button:hover,
.bc-store-button:focus-visible { color: #fff; background: var(--bc-wine); transform: translateY(-2px); box-shadow: 0 18px 38px rgba(44,32,37,.24); }
.bc-store-button > span:first-child { color: #fff; font-size: 1.25rem; }
.bc-store-button > span:last-child { display: grid; text-align: left; line-height: 1.05; }
.bc-store-button small { color: rgba(255,255,255,.76); font-size: .66rem; }
.bc-store-button strong { color: #fff; font-size: 1.05rem; }

@media (max-width: 520px) {
  .bc-store-button { width: 100%; }
  .bc-guide__label { white-space: normal; }
}