ar-design/dist/assets/css/components/form/button-group/styles.css

AR Design is a (react | nextjs) ui library.

.ar-button-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: max-content;
}
.ar-button-group > .ar-button,
.ar-button-group > .ar-button:is(.ar-button-shape) {
  border: solid 1px transparent;
  border-right-color: rgba(var(--black-rgb), 0.1);
  border-radius: 0;
}
.ar-button-group > .ar-button:first-child,
.ar-button-group > .ar-button:is(.ar-button-shape):first-child {
  border-top-left-radius: var(--border-radius-sm);
  border-bottom-left-radius: var(--border-radius-sm);
}
.ar-button-group > .ar-button:last-child,
.ar-button-group .ar-button:is(.ar-button-shape):last-child {
  border: none;
  border-top-right-radius: var(--border-radius-sm);
  border-bottom-right-radius: var(--border-radius-sm);
}

/* @import url("./variant/filled/core.css");
@import url("./variant/outlined/core.css"); */