hy-banner.scss

:host {
  background-color: var(--brand-main-light);
  display: block;
  padding: 4rem 0;
}

.hy-banner {
  &__info-container {
    margin: auto;
    /*     max-width: 480px;
    padding: 0 1rem;
    @include breakpoint($medium) {
      max-width: 768px;
      padding: 0;
    }
    @include breakpoint($wide) {
      max-width: 960px;
    } */
    @include breakpoint($extrawide) {
      max-width: 1216px;
    }

    &__title {
      color: var(--grayscale-white);
      font-family: var(--main-font-family);
      font-size: 36px;
      font-weight: 600;
      letter-spacing: -1.13px;
      line-height: 40px;
      margin-bottom: 18px;
    }

    &__description {
      color: var(--grayscale-white);
      font-family: var(--main-font-family);
      font-weight: 500;
      font-size: 20px;
      letter-spacing: -0.1px;
      line-height: 32px;
      margin-bottom: 32px;
    }
    &__link {
    }
  }
}