.tn-switchButton
  display inline-flex
  position relative
  width 50px
  height 26px
  border-radius 15px
  transition border-color .3s, background-color .3s
  align-items center

  i 
    position relative
    top -1px
    border-radius 3.5px
    background-color #0082ff
    transition: background-color .5s
  
  &__circle
    content ' '
    box-sizing border-box
    position absolute
    left 0
    top 0
    width 30px
    height 30px
    box-sizing border-box
    background-color #fff
    box-shadow: 0 2px 12px 0 rgba(174,174,174,0.50);
    // border 1px solid transparent
    // border-color #DCDDE2
    border-radius 100%
    transition all .3s
  &--disabled
    opacity 0.6
  &--checked &__circle
    left 34%
    right 0
    // transform translate(-100%, 0)