@import '../../stylesheets/defaults'

+host-styles(mp-radio-button)
  display inline-block

+prefix-classes('mp-radio-button-')
  .button
    align-items center
    color $grey-700
    display flex
    font-size 11px
    font-weight $weight-bold
    text-transform uppercase

    &::before
      border 1px solid $grey-200
      border-radius 10px
      content ''
      display inline-block
      height 15px
      margin-right 8px
      width 15px

    &.selected::before
      border 6px solid $mp-blue
      height 5px
      width 5px