message: chore(quote): drift away from BEM concatenation
  ### Description
  This change to quote style drifts away from BEM concatenation, so the style can be reused with Web Components.
  ### Changelog
  **Changed**
  A change to quote style drifts away from BEM concatenation, so the style can be reused with Web Components.
diff: .#{$prefix}--quote {
  background: $ui-background;
  padding-bottom: $layout-05;
  - &__container {
  + .#{$prefix}--link-with-icon__container {
  + padding-left: 1rem;
  + max-width: 80%;
  + }
  + }
  +
  + .#{$prefix}--quote__container {
  @include carbon--make-row;
  }
  - &__wrapper {
  + .#{$prefix}--quote__wrapper {
  position: relative;
  }
  - &__copy {
  + .#{$prefix}--quote__copy {
  @include carbon--make-col-ready;
  @include carbon--type-style('quotation-01', true);
  @include carbon--font-family('serif');
  }
  }
  - &__mark {
  + .#{$prefix}--quote__mark {
  @include carbon--type-style('quotation-01', true);
  @include carbon--font-family('serif');
  @include carbon--breakpoint-down('md') {
  color: $text-01;
  }
  - .#{$prefix}--link-with-icon__container {
  - padding-left: 1rem;
  - max-width: 80%;
  - }
  -
  - &__source {
  + .#{$prefix}--quote__source {
  @include carbon--make-col-ready;
  @include carbon--breakpoint-down('md') {
  max-width: 80%;
  padding-bottom: $carbon--layout-04;
  + }
  - &-heading {
  + .#{$prefix}--quote__source-heading {
  padding-left: 1rem;
  @include carbon--type-style(expressive-heading-02, true);
  }
  - &-body {
  +
  + .#{$prefix}--quote__source-body {
  padding-left: 1rem;
  @include carbon--type-style(body-long-02, true);
  }
  - &-optional-copy {
  + .#{$prefix}--quote__source-optional-copy {
  padding-left: 1rem;
  @include carbon--type-style(body-long-02, true);
  }
  - }
  - &__inverse {
  + .#{$prefix}--quote__inverse {
  .#{$prefix}--link-with-icon__container .#{$prefix}--link {
  color: $inverse-link;
  }
  }
  }
  -}
  @include exports('quote') {
  @include quote;
  