DemocracyOS/democracyos

.topics-poll
  position: relative
  margin-bottom: 20px
  z-index: 0

  .results-bar
    position: absolute
    height: 100%
    width: 0%
    top: 0
    left: 0
    border-radius: 2px
    z-index: 0
    transition: width 350ms ease-out
    background-color: #d4d4d4

  .poll-options
    margin-bottom: .6em

  .poll-btn
    width: 100%
    position: relative
    margin: 0 0 .4em
    padding-left: 2.1em
    border: none
    outline: none
    background: transparent
    text-align: left

    &:active,
    &:focus
      outline: none
      box-shadow: none
      text-decoration: underline

    &.not-show-results
      .circle
        border: 1px solid #8899A6

    &.show-results
      cursor: inherit
      text-align: left
      padding-right: 4em

      &.winner
        .results-bar
          background-color: #c1ddff

        .poll-option-label,
        .poll-results
          font-weight: bold

    .poll-option-label
      z-index: 1
      position: relative
      white-space: initial

    .poll-results
      position: absolute
      right: 10px
      z-index: 1

    .icon-check
      z-index: 1
      font-size: 21px
      background: #19CF86

      &::before
        position: absolute
        top: -2px
        left: -1px
        color: #fff

    .circle
      width: 20px
      height: 20px
      padding: 5px
      display: block
      border-radius: 50%
      border: 1px solid transparent
      position: absolute
      left: 5px
      top: 9px