.wp-block-pullquote {

  padding: 30px 40px;
  text-align: left;
  border: none;
  background: var(--pullquote--color-background);
  position: relative;

  blockquote {
    padding: 0;
    margin: 0;
  }

  p {
    color: var(--pullquote--color-content);
    font-family: var(--pullquote--font-family);
    font-size: var(--pullquote--font-size);
    font-style: var(--pullquote--font-style);
    font-weight: 700;
    letter-spacing: var(--pullquote--letter-spacing);
    line-height: var(--pullquote--line-height);
    margin: 0;
  }

  a {
    color: currentColor;
  }

  .wp-block-pullquote__citation,
  cite,
  footer {
    color: var(--pullquote--color-cite);
    display: block;
    font-size: var(--global--font-size-xs);
    font-style: var(--pullquote--font-style);
    text-transform: none;
    margin-top: 10px;
  }

  /**
  * Block Styles
  */

  &.is-style-default {

    padding: 30px 40px;
    background: var(--pullquote--color-background);

    > blockquote {
      padding: 0;
      margin: 0;
    }
  }

  &.is-style-solid-color {

    border-top: 2px solid var(--global--color-primary-base);

  }

  &.is-style-canvi-small-pullquote-solid,
  &.is-style-canvi-small-pullquote {

    p {

      font-size: var(--heading--font-size-h6);
      line-height: var(--heading--line-height-h6);

    }
  }


  &.is-style-canvi-small-pullquote {
    background: var(--pullquote--color-background);

  }

  &.is-style-canvi-small-pullquote-solid {

    border-top: 2px solid var(--global--color-primary-base);
    background: var(--pullquote--color-background);

  }

  &:not(.is-style-default),
  &:not(.is-style-solid-color),
  &:not(.is-style-canvi-small-pullquote),
  &:not(.is-style-canvi-small-pullquote-solid) {
    background: var(--pullquote--color-background);
  }

  /**
   * Block Options
   */

  &.alignfull {

    blockquote {
      padding: 0;
    }

  }

  &.alignwide > p,
  &.alignwide blockquote {
    max-width: var(--responsive--alignwide-width);
  }

  &.alignfull:not(.alignright) > p,
  &.alignfull:not(.alignright) blockquote,
  &.alignfull:not(.alignleft) > p,
  &.alignfull:not(.alignleft) blockquote {

    max-width: 100%;
  }

  &.alignright {

    + .alignright {
      clear: both;
    }
  }

  &.alignleft {

    + .alignleft {
      clear: both;
    }
  }


  &.is-style-solid-color {

    padding: 40px 60px;

  }
}

.wp-block[data-align="full"] {

  .wp-block-pullquote:not(.is-style-solid-color) {

    blockquote {
      padding: 0 calc(2 * var(--global--spacing-unit));
    }
  }
}

.wp-block[data-align="left"],
.wp-block[data-align="right"] {

  .wp-block-pullquote.is-style-solid-color {
    padding: var(--global--spacing-unit);
  }
}