.subscribe-widget {
  padding: 0;

  &__open {
    padding: 25px 104px 20px 60px;
    background-color: $primary-color;
    color: #fff;
    position: relative;
    display: block;

    &:after {
      content: " ";
      background: url(../img/svg/ArrowForward.svg) no-repeat 50%;
      background-color: #fff;
      display: block;
      position: absolute;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      right: 60px;
      top: 50%;
      margin-top: -22px;
    }

    @include md {
      padding: 25px 84px 25px 40px;

      &:after {
        right: 40px;
      }
    }

    @include md {
      padding: 25px 64px 25px 25px;

      &:after {
        right: 25px;
      }
    }
  }

  &_above {
    font-size: 1.2rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.3rem;
    font-weight: 700;
  }

  &__main {
    font-size: 3rem;
    line-height: 3.8rem;
    font-weight: 700;
  }
}