@import url('http://fonts.googleapis.com/css?family=Roboto')
::-webkit-scrollbar
  display none

body
  margin 0
  width 450px
  height 500px
  font-family var(--main-font-family), 'Roboto', Helvetica, sans-serif
  font-size 14px
  font-smoothing antialiased
  osx-font-smoothing grayscale
  scroll-behavior smooth

  *
    outline none
    box-sizing border-box

.flex
  display flex

.none
  width 0
  opacity 0

.popup
  background-color #0195DF
  background-image -webkit-linear-gradient(left top, #0176FF, #0538A6)
  width 450px
  height 500px
  display flex
  flex-direction column

.drift-popup-logo
  margin 0 auto

.drift-popup-header
  margin 25px auto
  color #FFFFFF
  font-weight bold
  font-size 41px
  font-family 'Proxima Nova', 'Roboto', Helvetica, sans-serif

.drift-outbound-p-tag
  font-family var(--main-font-family), 'Roboto', Helvetica, sans-serif
  font-size 14px
  font-weight 400
  line-height 21px
  margin 0 auto
  display inherit
  padding 10px 30px
  text-align center
  color #7695A5

.drift-outbound-button
  width 310px
  display block
  margin 0 auto
  font-family var(--main-font-family), 'Roboto', Helvetica, sans-serif
  font-weight 400
  height 40px
  font-size 14px
  border 0
  border-radius 20px

  &.button-primary
    background-color #13cb6e
    color #fff

    &:hover
      background-color: #10A559

  &.button-info
    background-color: #F2F6F8
    color: #394F5A

    &:hover
      background-color #E1EEF4

  &.button-logout
    background-color #E92E4B
    border-color #E92E4B
    margin-bottom 20px
    color #fff

span
  &.badge
    border 2px solid white
    background #13cb6e
    font-family var(--main-font-family), "Helvetica Neue", sans-serif
    font-weight 500
    color white
    text-decoration none