@import 'logo'

.jp-card-logo.jp-card-discover
  $orange = #ff6600
  $offset = 9px
  background: $orange
  color: #111
  text-transform: uppercase
  font-style: normal
  font-weight: bold
  font-size: 10px
  text-align: center
  overflow: hidden
  z-index: 1
  padding-top: $offset
  letter-spacing: .03em
  border: 1px solid #EEE
  &:before, &:after
    content: " "
    display: block
    position: absolute
  &:before
    $size = 200px
    background: white
    width: $size
    height: $size
    border-radius: $size
    bottom: -5%
    right: -80%
    z-index: -1
  &:after
    $size = 8px
    width: $size
    height: $size
    border-radius: ($size / 2)
    top: ($offset + 1)
    left: 27px
    radial-gradient($orange, white)
    content: "network"
    font-size: 4px
    line-height: 24px
    text-indent: -7px