:root {
    --quotation-padding: 2rem;
}

blockquote {
    margin: 1rem;
    padding-left: var(--quotation-padding);
    padding-right: var(--quotation-padding);

    &::before, &::after {
        color: var(--highlight-accent-color);
        display: block;
        font-size: 2.5rem;
        width: var(--quotation-padding);
    }

    &::before {
        content: '«';
        float: left;
        margin-top: -1rem;
        margin-left: calc(0rem - var(--quotation-padding));
    }

    &::after {
        content: '»';
        float: right;
        margin-top: -4rem;
        margin-right: calc(0rem - var(--quotation-padding));
    }
}