/* The product page badge (James, 13 October 2026, the Woo facelift): the mark and the words
   Digital Product Passport, linking to the product's passport. It sits on the merchant's own
   theme, light or dark, so it states no colour and no font: the words, the edge and the ring
   are the theme's own text colour, and the mark carries the brand. */

.activate-digital-passport { margin: 0 0 1.25em; }
.activate-digital-passport .activate-digital-badge {
  display: inline-flex; align-items: center; gap: .5em;
  padding: .35em .9em .35em .4em;
  border-radius: 999px;
  border: 1px solid rgba(128, 128, 128, .4);
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  color: inherit; font-size: .875em; font-weight: 600; line-height: 1.3;
  text-decoration: none;
  transition: border-color .15s ease;
}
.activate-digital-passport .activate-digital-badge:hover,
.activate-digital-passport .activate-digital-badge:focus-visible { border-color: currentColor; color: inherit; text-decoration: none; }
.activate-digital-passport .activate-digital-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.activate-digital-passport .activate-digital-badge img { width: 22px; height: 22px; flex: none; display: block; margin: 0; border-radius: 50%; }
.activate-digital-passport .activate-digital-badge__go { opacity: .6; }
@media (prefers-reduced-motion: reduce) { .activate-digital-passport .activate-digital-badge { transition: none; } }