Button {
  font-family: arial
  $backgroundPrimaryText

  min-width: 6rem
  height: 1.2em
  padding: .2rem 1rem

  border: 1px #b9b9b9 solid
  border-radius: 10rem

  cursor: pointer

  display: flex
  justify-content: center
  align-items: center

  -subtle {
    color: initial
    :hover {
      color: #222
    }
  }

  -primary {
    $colorPrimary
    $font
    $borderPrimary

    :hover { 
      opacity: .9
    }
  }

  -channel {
    $backgroundPrimary
    $colorFontPrimary
    font-size: .9rem
    min-width: initial
  }

  -showMore {
    width: 100%

    padding: .2rem 0

    border-left: none
    border-right: none
    border-bottom: none
  }
}