:root {
  /* Design tokens / centralized variables */
  --btn-radius: 4px;
  --avatar-radius: 6px;
  --btn-gap: 5px; /* vertical gap between buttons */
  --btn-max-width: 400px;
  /* Desktop: comfortable vertical padding so icon+text feel centered */
  --btn-padding-vertical: 12px;
  --btn-padding-horizontal: 12px;
}

/* Reduce vertical padding on smaller screens for better fit */
@media (max-width: 600px) {
  :root {
    --btn-padding-vertical: 8px;
  }
}