/* Button group (Figma 1748:13977, was Action Strip; renamed 2026-10-25). One bordered pill with up to four icon actions:
   See more (eye, Primary dark) · Add to calendar · Share · Save (ghost). Same pill as the article action rail.
   Size=Default: 6px padding, 4px gap, 40px buttons, 24px icons. Size=Compact: 4px padding, 2px gap, 32px buttons, 20px icons
   (Compact on Compact event cards and on phones). Surface/background, 1px border/subtle, radius md, 0 4 8 / 12% shadow, 10px blur. */
.button-group{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-6);box-sizing:border-box;background:var(--surface-background);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-glass-bar);-webkit-backdrop-filter:blur(var(--blur-glass-bar));backdrop-filter:blur(var(--blur-glass-bar))}   /* Elevation/Glass bar */
.button-group__btn{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:var(--space-8);border:0;border-radius:var(--radius-md);background:none;color:var(--text-primary);cursor:pointer;text-decoration:none;transition:background-color .15s,box-shadow .15s}
.button-group__btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.button-group__btn:hover{background:var(--button-ghost-bg-hover)}
.button-group__btn:active{background:var(--button-ghost-bg-pressed)}
.button-group__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring-accent)}
.button-group__btn--primary{background:var(--button-primary-bg);border:1px solid var(--button-primary-border);color:var(--button-primary-text);box-shadow:var(--shadow-button-default)}
.button-group__btn--primary:hover{background:var(--button-primary-bg-hover)}
.button-group__btn--primary:active{background:var(--button-primary-bg-pressed)}
.button-group__btn[aria-pressed="true"] svg{fill:currentColor}
.button-group__btn.is-cal-open,.button-group__btn[aria-expanded="true"]{background:var(--button-ghost-bg-hover)}
.button-group--compact{gap:var(--space-2);padding:var(--space-4)}
.button-group--compact .button-group__btn{width:32px;height:32px;padding:var(--space-6)}
.button-group--compact .button-group__btn svg{width:20px;height:20px;stroke-width:2}
/* Phones: every event card uses the Compact size (update 2026-10-22, §2) */
@media (max-width:640px){
  .button-group{gap:var(--space-2);padding:var(--space-4)}
  .button-group .button-group__btn{width:32px;height:32px;padding:var(--space-6)}
  .button-group .button-group__btn svg{width:20px;height:20px;stroke-width:2}
}
/* Content=Social (Compact only): Website (lucide globe) + brand logos, Ghost XS icon buttons, 20px icons */
.button-group__btn--brand img{display:block;width:20px;height:20px;border-radius:var(--radius-sm)}