/* Star Border, CSS-Basis. Herkunft: React Bits (Copyright (c) 2026 David Haz, MIT + Commons Clause). Variablen werden an der jeweiligen Box gesetzt. */
.star-border { position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 0; padding: 0.875rem 1.5rem; border: 0; border-radius: var(--star-border-radius); background: var(--star-border-surface); color: var(--star-border-text); font: inherit; font-weight: 500; line-height: 1.25; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.star-border::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; box-shadow: inset 0 0 0 var(--star-border-thickness) var(--star-border-track); pointer-events: none; }
.star-border__light { position: absolute; top: -48px; left: -48px; z-index: -1; width: calc(100% + 96px); height: calc(100% + 96px); pointer-events: none; }
button.star-border, a.star-border { cursor: pointer; }
.star-border:focus-visible { outline: 2px solid var(--star-border-track); outline-offset: 3px; }
.star-border:disabled { cursor: not-allowed; opacity: 0.5; }