:root {
  --radius-xl: 5px;
  --radius-lg: 5px;
  --radius-md: 5px;
  --radius-sm: 5px;
}

.page-shell :where(
  button,
  input,
  select,
  textarea,
  .btn,
  .nav-menu,
  .page-hero-card,
  .hero-grid,
  [class*="card"],
  [class*="panel"],
  [class*="shell"],
  [class*="button"],
  [class*="chip"],
  [class*="pill"],
  [class*="badge"],
  [class*="tile"],
  [class*="box"]
),
.contact-widget :where(
  button,
  a,
  [class*="card"],
  [class*="panel"],
  [class*="trigger"],
  [class*="action"],
  [class*="chip"],
  [class*="pill"],
  [class*="presence"],
  [class*="kicker"]
),
.mobile-bottom-nav,
.mobile-bottom-nav :where(
  button,
  a,
  [class*="item"],
  [class*="link"],
  [class*="pill"],
  [class*="button"]
) {
  border-radius: 5px !important;
}

:where(
  .contact-widget-status-chip > span:first-child,
  .contact-widget-status-inline > span:first-child,
  .contact-widget-simple-icon,
  .contact-widget-trigger-icon
) {
  border-radius: 999px !important;
}