/* Dove si compra: il pulsante d'acquisto di scheda e confronti (conversione §56).
   La nota «Link a pagamento» sta sotto ai pulsanti e non in fondo alla
   pagina: e` il primo dei due livelli di disclosure che il progetto impone. */
.blocco-acquisto {
  padding: var(--space-5) 0;
  border-top: var(--rule);
}

.blocco-acquisto__eyebrow {
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-tertiary);
  margin-bottom: var(--space-3);
}

.blocco-acquisto__link {
  display: inline-block;
  /* 44px di altezza toccabile: sotto quella soglia su un telefono si sbaglia
     bersaglio, ed e` uno dei difetti che l'audit mobile ha contato. */
  min-height: 44px;
  padding: var(--space-3) var(--space-4);
  border: var(--rule-ink);
  font-size: var(--text-sm);
  text-decoration: none;
  color: var(--color-text-primary);
}

.blocco-acquisto__link:hover,
.blocco-acquisto__link:focus-visible {
  background: var(--color-bg-subtle);
}

.blocco-acquisto__link--primo {
  background: var(--color-text-primary);
  color: var(--color-bg);
}

.blocco-acquisto__link--primo:hover,
.blocco-acquisto__link--primo:focus-visible {
  opacity: 0.88;
  background: var(--color-text-primary);
  color: var(--color-bg);
}

.blocco-acquisto__nota,
.blocco-acquisto__disclosure {
  margin-top: var(--space-3);
  font-size: var(--text-xs);
  line-height: 1.5;
  color: var(--color-text-tertiary);
}