.app-buttongroup {
  flex-direction: row;
  border-radius: var(--wm-button-group-radius);
  border-width:  var(--wm-button-group-border-width);
  border-style: var(--wm-button-group-border-style);
  border-color: var(--wm-button-group-border-color);
}

.btn-group-child-vertical {
  align-self: stretch;
}

.btn-group-vertical.app-buttongroup {
  flex-direction: column;
  border-radius: var(--wm-button-group-radius);
}

.btn-group-child {
  background-color: var(--wm-btn-background);
  border-width: var(--wm-btn-border-width);
  border-color: var(--wm-btn-border-color);
}

.btn-group-first-child {
  background-color: var(--wm-btn-background);
  border-width: var(--wm-btn-border-width);
  border-color: var(--wm-btn-border-color);
  border-top-left-radius: var(--wm-btn-radius);
  border-bottom-left-radius: var(--wm-btn-radius);
}

.btn-group-last-child {
  background-color: var(--wm-btn-background);
  border-width: var(--wm-btn-border-width);
  border-color: var(--wm-btn-border-color);
  border-top-right-radius: var(--wm-btn-radius);
  border-bottom-right-radius: var(--wm-btn-radius);
}

.app-buttongroup-skeleton {

}
@import (optional) url('../variables/button-group.variant.less');