/* Shared: buttons + icons */ /* No select, text excluded */ body { -webkit-user-select: none; -moz-user-select: none; user-select: none; } p, h1, h2, h3, h4, h5, h6, .release-title, .release-artist { -webkit-user-select: text; -moz-user-select: text; user-select: text; } /* Pill button — visuals now rendered by LiquidGlass (assets/liquid-glass.js), this just handles layout/sizing/content positioning. */ .link-button { position: relative; display: flex; align-items: center; justify-content: center; height: 56px; padding: 0 26px; background: transparent; border: none; border-radius: 28px; text-align: center; width: 100%; box-sizing: border-box; flex-shrink: 0; /* never silently compress — that desyncs LiquidGlass's canvas from the real pill size */ transition: transform 0.3s ease; transform-origin: center; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .link-button img { position: relative; z-index: 1; height: 42px; width: auto; max-width: 100%; object-fit: contain; pointer-events: none; } /* Icon circle. Still the old CSS-glass look here (used as-is by index.html). vitrazhi.html overrides this to the LiquidGlass version in its own