/* =====================================================================
   BOTTONI — stili aggiuntivi selezionabili nell'editor (registrati in functions.php).
   "Chiaro su blu" (is-style-light) e "Trasparente su blu" (is-style-ghost), per fondi blu.
   Vedi design/DESIGN.md › Components › Bottoni.
   ===================================================================== */
.wp-block-button.is-style-light > .wp-block-button__link {
  padding: 16px 28px;
  background-color: var(--wp--preset--color--surface);
  color: var(--wp--preset--color--primary);
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
  transition: background-color .2s, transform .2s cubic-bezier(.22, 1, .36, 1);
}
.wp-block-button.is-style-light > .wp-block-button__link:hover,
.wp-block-button.is-style-light > .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--surface-blue);
  color: var(--wp--preset--color--primary);
  transform: scale(1.02);
}

.wp-block-button.is-style-ghost > .wp-block-button__link {
  padding: 16px 28px;
  background-color: transparent;
  color: var(--wp--preset--color--surface);
  font-weight: 600;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05);
  transition: background-color .2s;
}
.wp-block-button.is-style-ghost > .wp-block-button__link:hover,
.wp-block-button.is-style-ghost > .wp-block-button__link:focus-visible {
  background-color: rgba(255, 255, 255, .1);
  color: var(--wp--preset--color--surface);
}