// Note: deprecated, but I don't think we have a way to deprectate a variant alone?
.vf-body:not(.vf-disable-deprecated) {
  .vf-banner--gdpr {
    @include padding--block(all, $vf-gdpr-banner-padding);

    background-color: $vf-gdpr-banner-color--background;

    .vf-banner__text,
    .vf-text { // as of 1.0.4 use of vf-text is not recommended and is subject to future removal
      color: $vf-gdpr-banner-color--text;
      margin-bottom: 24px;
      max-width: 64em;

      & .vf-banner__link,
      & .vf-link {
        color: $vf-banner-color--link;
      }

      @media (min-width: $vf-breakpoint--lg) {
        margin: 0;
      }
    }

    .vf-button {
      @media (min-width: $vf-breakpoint--lg) {
        align-self: center;
        justify-self: end;
      }
    }
  }
}