style.scss

@import "~styles/mixins";
@import "~components/Contentful/default";
@import "~components/GUIKit/Assets/Styles/default";

.wrapper {
  background-color: #e9e9e9;
  padding: 86px 0 121px 0;
  min-height: 100vh;

  .container {
    text-align: center;
    border-radius: 10px;
    max-width: 544px;
    max-height: 371px;
    margin: 0 auto;
    padding: 31px 65px;
    background-color: #fff;

    @include gui-kit-headers;
    @include gui-kit-content;

    h4 {
      margin-bottom: 5px;
    }

    .hint {
      font-size: 14px;
      margin-bottom: 30px;
    }

    .cta {
      margin: 50px auto 29px auto;
    }

    .submit {
      outline: none;

      @include primary-green;
      @include md;

      &:disabled,
      &:hover:disabled {
        background-color: #e9e9e9 !important;
        border: none !important;
        text-decoration: none !important;
        color: #fafafb !important;
        box-shadow: none !important;
      }
    }
  }
}