awesome select

.controls
  display: hidden
  background: white
  border: 1px solid $purple
  border-radius: 5px
  width: 80px
  height: 30px
  +decorative-content(after)
    height: 30px
    width: 30px
    background: $purple
    top: -1px
    right: 0
    border-radius: 0 5px 5px 0
  +decorative-content(before)
    content: "▾"
    right: 10px
    z-index: 10
    color: white
  #booking_visitors
    width: 80px
    background: transparent
    border: none
    border-radius: 5px
    color: $purple
    position: absolute
    z-index: 999
    margin-top: 6px
    &:focus
      outline: none