.offer-block
  max-width: 350px
  width: 100%
  +transition(all 0.7s)

  h5
    +font-semi-bold(18px, 24px)
    margin: 0 0 20px

  .selectric-wrapper
    width: 100%
    margin-bottom: 35px

  .hidden-inputs
    margin-top: 0
    opacity: 1
    position: relative
    +transition(all 0.5s)

    &.non-active
      margin-top: -225px
      opacity: 0
      z-index: -10

  label
    +font-light(18px)
    width: 85px
    display: inline-block
    color: $fontColor2
  .form-label
    margin-bottom: 10px
  input, textarea
    width: calc(100% - 85px)
    border: none
    border-bottom: 1px solid $greyBackground
    padding: 6px 0
    +font-default(15px, 19px)
    color: $fontColor1
    outline: 0 !important
    display: inline-block
    margin-bottom: 28px
    background: none

    &:-webkit-autofill
      background: none!important
      background-color: transparent !important
      -webkit-box-shadow: 0 0 0px 1000px white inset

    &.alert
      border-bottom: 1px solid $highLightRed

    &:focus
      outline: 0 !important

  textarea
    width: 100%
    border: 1px solid $greyBackground
    margin-bottom: 10px
    padding: 6px
    box-sizing: border-box
    resize: vertical


  .submit-button
    width: calc(100% - 16%)
    border-radius: 9999px
    background-color: $neonGreen
    height: 50px
    +flex(space-between, center)
    padding: 0 8%
    color: white
    +font-bold(18px, 18px)
    margin-bottom: 115px
    cursor: pointer
    transition: all 0.3s

    &:hover
      background: darken($neonGreen, 5%)

    &:active
      background: darken($neonGreen, 8%)


    span
      display: block
      +sprite(-300px -27px, 19px, 12px)
      +transform(scale(1.1))

  h5.alert
    +font-semi-bold(14px, 21px)
    color: $highLightRed

  .thank-you
    opacity: 0
    margin: 0
    height: 0
    font-weight: 400
    overflow: hidden
    +transition(all 0.4s)
    &.active
      opacity: 1
      height: 140px

.isolation
  .offer-block
    .submit-button
      background: lighten($fontBlue, 3%)

      &:hover
        background: darken($fontBlue, 5%)
      &:active
        background: darken($fontBlue, 8%)

+media-query(400px)
  .offer-block .submit-button
    font-size: 15px