@import "../css/colors"
@import "../css/vars"

:local(.group)
  display: inline-flex

// Remove double border between buttons in a group.
:local(.group > :not(:first-child) .btn),
:local(.group > .btn:not(:first-child))
  margin-left: -1px

// Keep only seperating borders between buttons for group in toolbar.
:local(.toolbar .group > .btn)
  border-left-width: 1px

  // &:first-child
  //   border-left-width: 0

:local(.group.secondary .btn)
  height: 80px
  line-height: 80px
  background-color: $white
  border: solid 1px $borderGray