@layer blocks {
  .testimonial[data-variant="strip"] {
    border-left: 3px solid var(--brand);
    padding-left: var(--space-s);
  }

  .testimonial[data-variant="card"] {
    background: var(--color-bg);
    border: var(--border-width-thin) var(--border-style) var(--rule-light);
    border-radius: var(--radius-l);
    padding: var(--space-m);
  }

  .testimonial[data-variant="card"] blockquote::before {
    content: "\201C";
    font-family: var(--font-display);
    font-size: 3rem;
    color: var(--brand-tint);
    line-height: 0;
    vertical-align: -0.75rem;
    margin-right: 0.1rem;
  }
}