<template>
  <div class="button-row">
    <slot/>
  </div>
</template>

<script>
export default {
  name: "button-row"
}
</script>

<style scoped>
.button-row >>> :not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.button-row >>> :not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none;
}
</style>