.guestbook-message blockquote { margin-bottom: var(--space-m); margin-top: var(--space-3xs); padding: var(--space-m) var(--space-2xl); &:before { color: var(--contrast-color); content: "“"; font-size: 10rem; font-variation-settings: "opsz" 72, "wght" 360, "SOFT" 0, "WONK" 0; margin-left: calc((var(--space-xl) * 1.25) * -1); margin-top: calc((var(--space-s) * 1.3) * -1); position: absolute; } } .guestbook-message p { margin-block: 0 0; position: relative; } .guestbook-message p b, .guestbook-message p small { color: var(--color-metadata); font-family: var(--font-family-metadata); font-size: var(--font-size-metadata); font-variation-settings: var(--font-variation-settings-metadata); text-transform: var(--text-transform-metadata); letter-spacing: var(--letter-spacing-metadata); & a[href] { color: var(--color-metadata); } } #guestbooks___challenge-answer-container br, .guestbooks___input-container br { display: none; } .guestbook-message-reply { margin-left: var(--space-l); margin-top: calc(var(--space-s) * -1); padding-left: var(--space-s); font-style: italic; & blockquote { padding-left: var(--space-s); } & blockquote::before { content: ""; } & p::before { content: "Reply from "; font-family: var(--meta-font-family); font-size: var(--meta-font-size); font-variation-settings: var(--meta-font-variation-settings); } }