.container {
  display: inline-flex;
}

.container > button:first-child {
  border-start-start-radius: var(--border-radius-default);
  border-end-start-radius: var(--border-radius-default);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.triggerContainer button {
  border-start-end-radius: var(--border-radius-default);
  border-end-end-radius: var(--border-radius-default);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  padding-block: 0;
  padding-inline: var(--spacing-xs);
}

.triggerContainer button {
  margin-inline-start: -1px;
}
.triggerContainer button:not(:hover) {
  border-inline-start-color: transparent;
}

.container > button:first-child:focus-visible,
.triggerContainer button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}