Button {
  font-family: arial
  text-align: center

  $backgroundPrimary 

  min-width: 6rem
  padding: .2rem 1rem

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

  cursor: pointer

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

  -primary {
    $colorPrimary
    border: none

    :hover { 
      opacity: .9
    }
  }

  -showMore {
    width: 100%

    padding: .2rem 0

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