/* Base button link element */
.wp-block-button__link {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

/* Outline (brand border, transparent bg) */
.wp-block-button.is-style-bp-outline .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--brand);
  border: 2px solid var(--wp--preset--color--brand);
}
.wp-block-button.is-style-bp-outline .wp-block-button__link:hover,
.wp-block-button.is-style-bp-outline .wp-block-button__link:focus {
  background: var(--wp--preset--color--brand);
  color: var(--wp--preset--color--paper);
}

/* Ghost (subtle ink text, no border, light hover) */
.wp-block-button.is-style-bp-ghost .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--ink);
  border: 2px solid transparent;
}
.wp-block-button.is-style-bp-ghost .wp-block-button__link:hover,
.wp-block-button.is-style-bp-ghost .wp-block-button__link:focus {
  background: color-mix(in srgb, var(--wp--preset--color--brand) 12%, transparent);
  color: var(--wp--preset--color--ink);
}

/* Accessibility: focus ring */
.wp-block-button__link:focus-visible {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--brand) 40%, white);
}