@import '../defaults'

.pills
  margin-bottom: 1.5em
  white-space: nowrap

  a
    border-radius: 20px
    display: inline-block
    font-size: 18px
    margin-right: 10px
    padding: 5px 10px
    outline: none

    &.active
      background-color: $pill-background
      color: $pill-color

    &:hover
      text-decoration: none

@media handheld, only screen and (max-width: 767px)
  .pills
    a
      display: block