blockquote {
    --blockquote-background-color: #f5f5f5;
    --blockquote-background-color-hover: #efeff9;
    --blockquote-background-color-dark-mode: #231c2d;
    --blockquote-background-color-hover-dark-mode: #342a44;

    background-color: var(--blockquote-background-color);
    border-radius: var(--border-radius);
    margin: 3rem auto;
    padding: 1.5rem 3rem;
    text-decoration: none;
}

.dark blockquote {
    background-color: var(--blockquote-background-color-dark-mode);
}

blockquote::before {
    color: var(--accent-color);
    content: open-quote;
    display: block;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 8rem;
    line-height: 0;
    margin-top: 1rem;
    position: absolute;
}