.wp-block-quote {
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  border-left: 4px solid var(--wp--preset--color--primary);
  background-color: #f8f9fa;
  font-style: italic;
  position: relative;
}

.wp-block-quote:first-child {
  margin-top: 0;
}

.wp-block-quote:last-child {
  margin-bottom: 0;
}


.wp-block-quote p {
  margin: 0 0 1rem 0;
  font-size: var(--wp--preset--font-size--large);
  line-height: 1.6;
  color: var(--wp--preset--color--foreground);
}

.wp-block-quote p:last-child {
  margin-bottom: 0;
}


.wp-block-quote cite {
  display: block;
  font-size: var(--wp--preset--font-size--normal);
  font-style: normal;
  font-weight: 600;
  color: var(--wp--preset--color--primary);
  margin-top: 1rem;
}

.wp-block-quote cite::before {
  content: "— ";
}


.wp-block-quote.has-text-align-left {
  text-align: left;
}

.wp-block-quote.has-text-align-center {
  text-align: center;
  border-left: none;
  border-top: 4px solid var(--wp--preset--color--primary);
  padding-top: 1.5rem;
}

.wp-block-quote.has-text-align-right {
  text-align: right;
  border-left: none;
  border-right: 4px solid var(--wp--preset--color--primary);
  padding-right: 2rem;
}


.wp-block-quote.is-style-large {
  padding: 2rem 2.5rem;
}

.wp-block-quote.is-style-large p {
  font-size: var(--wp--preset--font-size--larger);
  line-height: 1.5;
}

.wp-block-quote.is-style-large cite {
  font-size: var(--wp--preset--font-size--large);
}

.wp-block-quote.is-style-plain {
  border-left: none;
  background-color: transparent;
  padding: 0;
}

.wp-block-quote.is-style-plain p {
  font-style: normal;
}


.wp-block-quote.has-primary-background-color {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  border-left-color: var(--wp--preset--color--background);
}

.wp-block-quote.has-primary-background-color p {
  color: var(--wp--preset--color--background);
}

.wp-block-quote.has-primary-background-color cite {
  color: var(--wp--preset--color--background);
  opacity: 0.9;
}

.wp-block-quote.has-secondary-background-color {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--background);
  border-left-color: var(--wp--preset--color--background);
}

.wp-block-quote.has-secondary-background-color p {
  color: var(--wp--preset--color--background);
}

.wp-block-quote.has-secondary-background-color cite {
  color: var(--wp--preset--color--background);
  opacity: 0.9;
}


.wp-block-quote.has-primary-color p {
  color: var(--wp--preset--color--primary);
}

.wp-block-quote.has-secondary-color p {
  color: var(--wp--preset--color--secondary);
}


.wp-block-quote.has-small-font-size p {
  font-size: var(--wp--preset--font-size--small);
}

.wp-block-quote.has-normal-font-size p {
  font-size: var(--wp--preset--font-size--normal);
}

.wp-block-quote.has-large-font-size p {
  font-size: var(--wp--preset--font-size--large);
}

.wp-block-quote.has-larger-font-size p {
  font-size: var(--wp--preset--font-size--larger);
}

.wp-block-quote.has-huge-font-size p {
  font-size: var(--wp--preset--font-size--huge);
}


.wp-block-quote.is-style-pullquote {
  border-left: none;
  border-top: 4px solid var(--wp--preset--color--primary);
  border-bottom: 4px solid var(--wp--preset--color--primary);
  background-color: transparent;
  text-align: center;
  padding: 2rem 1rem;
  margin: 2rem 0;
}

.wp-block-quote.is-style-pullquote p {
  font-size: var(--wp--preset--font-size--larger);
  font-weight: 600;
  margin-bottom: 1rem;
}

.wp-block-quote.is-style-pullquote cite {
  font-size: var(--wp--preset--font-size--normal);
  font-weight: normal;
  opacity: 0.8;
}


@media (max-width: 768px) {
  .wp-block-quote {
      margin: 1.5rem 0;
      padding: 1rem 1.5rem;
  }

  .wp-block-quote p {
      font-size: var(--wp--preset--font-size--normal);
  }

  .wp-block-quote.is-style-large {
      padding: 1.5rem 2rem;
  }

  .wp-block-quote.is-style-large p {
      font-size: var(--wp--preset--font-size--large);
  }

  .wp-block-quote.is-style-pullquote {
      padding: 1.5rem 0.75rem;
  }

  .wp-block-quote.is-style-pullquote p {
      font-size: var(--wp--preset--font-size--large);
  }
}