@mixin blockquote-style() {

  padding: 9px 28px;
  position: relative;
  margin: 0 0 var(--global--spacing-vertical-text) 0;
  border: none;

  > * {
    margin-top: var(--global--spacing-unit);
    margin-bottom: var(--global--spacing-unit);

    &:first-child {
      margin-top: 0;
    }

    &:last-child {
      margin-bottom: 0;
    }
  }

  p {

    font-family: var(--quote--font-family);
    font-size: var(--quote--font-size);
    font-style: var(--quote--font-style);
    font-weight: var(--quote--font-weight);
    line-height: var(--quote--line-height);
    margin-bottom: 4px;
  }

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

    &:before {
      content: '— ';
      display: inline-block;
    }
  }

  &.alignleft,
  &.alignright {

    padding-left: inherit;

    p {
      font-size: var(--heading--font-size-h5);
      max-width: inherit;
      width: inherit;
    }

    cite,
    footer {
      font-size: var(--global--font-size-xs);
      letter-spacing: var(--global--letter-spacing);
    }
  }

  strong {
    font-weight: var(--quote--font-weight-strong);
  }


  .wp-block-quote__citation,
  cite,
  footer {

    font-weight: normal;
    color: var(--global--color-text-lighten);
    font-size: var(--global--font-size-xs);

  }

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

    &:before {
      left: 0;
    }
  }
}

blockquote {
  @include blockquote-style;
}