@pmwcs/button-group/button-group.css

PMWCS button-group component

.pmwc-button-group {
	display: inline-flex;
  padding: 0;
  border-radius: var(--mdc-shape-small, 4px);
}
.pmwc-button-group--raised {
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.pmwc-button-group--dense > .mdc-button {
  min-width: unset;
  align-items: center;
}
.pmwc-button-group > .mdc-button:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pmwc-button-group > .mdc-button:not(:last-child) {
  border-right-color: transparent;
  border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.pmwc-button-group > .mdc-button .mdc-button__ripple {
  border-radius: unset;
}
.pmwc-button-group > .mdc-button:first-child .mdc-button__ripple {
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
}
.pmwc-button-group > .mdc-button:last-child .mdc-button__ripple {
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
}