.wp-block-quote {

  @include blockquote-style;


  /**
   * Block Options
   */
  &.has-text-align-right {
    margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
    padding-right: 0;
    border-right: none;
  }

  &.has-text-align-center {
    margin: var(--global--spacing-vertical) auto;

    &:before {
      display: none;
    }
  }

  &.is-large,
  &.is-style-large {

    padding: 9px 28px;
    margin-bottom: var(--global--spacing-vertical-text);

    p {
      font-size: var(--quote--font-size-large);
      font-style: var(--quote--font-style-large);
      line-height: var(--quote--line-height-large);
    }

    &:before {
      font-size: var(--quote--font-size-large);
      line-height: var(--quote--line-height-large);
      left: calc(-1 * var(--global--spacing-horizontal));
    }

    cite,
    footer {
      font-weight: normal;
      color: var(--global--color-text-lighten);
      font-size: var(--global--font-size-sm);
      letter-spacing: var(--global--letter-spacing);

    }

    &.has-text-align-right {


    }


    @include media(mobile-only) {
      padding-left: var(--global--spacing-horizontal);

      &:before {
        left: 0;
      }

      &.has-text-align-right {
        padding-left: 0;
        padding-right: var(--global--spacing-horizontal);

        &:before {
          right: 0;
        }
      }

      &.has-text-align-center {
        padding-left: 0;
        padding-right: 0;
      }
    }
  }

  @include media(mobile-only) {

    &.has-text-align-right {
      padding-left: 0;
      padding-right: calc(0.5 * var(--global--spacing-horizontal));

      &:before {
        right: 0;
      }
    }

    &.has-text-align-center {
      padding-left: 0;
      padding-right: 0;
    }
  }
}