:root{--badge-color:var(--color-primary);--badge-bg:var(--color-lightblue)}.badge{background:var(--badge-bg);color:var(--badge-color);border-radius:var(--br-rounded);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:.25rem;padding:.35rem 1rem;font-size:.75rem;font-weight:800;display:inline-flex}.badge a,.badge a:visited{color:inherit;text-decoration:none}.badge a:hover,.badge a:focus-visible{color:inherit;text-decoration:underline;text-decoration-thickness:2px}:is(.badge:has(a:hover),.badge:has(a:focus-visible)){background-color:var(--color-primary-strong);color:var(--font-reverse)}:is(.badge:has(a:hover),.badge:has(a:focus-visible)) a:focus-visible,:is(.badge:has(a:hover),.badge:has(a:focus-visible)) a:hover{text-underline-offset:.25rem}.badge a:focus-visible{outline:2px solid var(--badge-color);outline-offset:2px}.badge--filled{background:var(--badge-color);color:var(--color-dark)}