.blockquote {
  > blockquote {
    font-size: var(--content-blockquote-size-mobile, 1.8rem);
    font-weight: var(--content-blockquote-weight, 700);
    line-height: var(--content-blockquote-lineHeight, 2.6rem);
    color: var(--content-blockquote-color, #1b1b1c);
    border-left: var(--content-blockquote-border, 3px solid #afafb0);
    padding: var(--content-blockquote-padding-mobile, 1.6rem 3.2rem);
    margin: var(--content-blockquote-margin-mobile, 2.4rem 0);

    > p {
      font-size: var(--contentText-blockquote-size-mobile, 1.8rem);
      font-weight: var(--contentText-blockquote-weight, 700);
      line-height: var(--contentText-blockquote-lineHeight, 2.9rem);
      color: var(--contentText-blockquote-color, #1b1b1c);
      margin: 0;
    }

    @include min(tablet) {
      font-size: var(--content-blockquote-size-desktop, 2rem);
      line-height: var(--content-blockquote-lineHeight-desktop, 2.8rem);
      margin: var(--content-blockquote-margin-desktop);
      p {
        font-size: var(--contentText-blockquote-size-desktop, 2rem);
      }
    }
  }
}
