/*******************************************************************************
 * WRAPPER
 *******************************************************************************/

.aero-segmented-buttons {
  display: inline-flex;
  gap: 0;

  box-shadow: 0 0 0 1px var(--aero-c-frame-control-light);
  border-radius: 4px;
}

/*******************************************************************************
 * BUTTONS
 *******************************************************************************/

.aero-segmented-buttons > .aero-button {
  --aero-c-frame-control-light: transparent;

  border-right-width: 0;
  border-radius: 0;
}

.aero-segmented-buttons > .aero-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.aero-segmented-buttons > .aero-button:last-child {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}