modus-wc-button-group.modus-wc-button-group {
  align-items: stretch;
  display: inline-flex;
}
modus-wc-button-group.modus-wc-button-group > * {
  border-radius: 0;
}
modus-wc-button-group.modus-wc-button-group > * .modus-wc-btn {
  border-radius: 0;
}
modus-wc-button-group.modus-wc-button-group > *:first-child .modus-wc-btn {
  border-end-start-radius: var(--modus-wc-rounded-btn, 0.5rem);
  border-start-start-radius: var(--modus-wc-rounded-btn, 0.5rem);
}
modus-wc-button-group.modus-wc-button-group > *:last-child .modus-wc-btn {
  border-end-end-radius: var(--modus-wc-rounded-btn, 0.5rem);
  border-start-end-radius: var(--modus-wc-rounded-btn, 0.5rem);
}
modus-wc-button-group.modus-wc-button-group > *:not(:last-child) .modus-wc-btn {
  border-inline-end-width: 0;
}
modus-wc-button-group.modus-wc-button-group.modus-wc-join-vertical {
  align-items: stretch;
  flex-direction: column;
}
modus-wc-button-group.modus-wc-button-group.modus-wc-join-vertical > * .modus-wc-btn {
  border-inline-end-width: 1px;
  border-radius: 0;
}
modus-wc-button-group.modus-wc-button-group.modus-wc-join-vertical > *:first-child .modus-wc-btn {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-end-radius: var(--modus-wc-rounded-btn, 0.5rem);
  border-start-start-radius: var(--modus-wc-rounded-btn, 0.5rem);
}
modus-wc-button-group.modus-wc-button-group.modus-wc-join-vertical > *:last-child .modus-wc-btn {
  border-end-end-radius: var(--modus-wc-rounded-btn, 0.5rem);
  border-end-start-radius: var(--modus-wc-rounded-btn, 0.5rem);
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}
modus-wc-button-group.modus-wc-button-group.modus-wc-join-vertical > *:not(:last-child) .modus-wc-btn {
  border-block-end-width: 0;
}