blockquote {
    color: hsla(var(--text-white));
    font-size: var(--step-0);
    line-height: 1.8;
    position: relative;
    font-family: var(--sans-serif);
    font-weight: var(--regular-weight);
    
    
    
}
    
    blockquote span.quote {
            margin-left: 1.5em;
            --link-color-one: 16,88%,54%;
            --link-color-two: 40,94%,58%;
            background-image: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);
            color: #FFF;
            background-position: 100% 80%;
            background-size: 200% 100%;
            background-repeat: no-repeat;
        }
    
    blockquote span.quote-open {
            content: open-quote;
            display: inline;
            position: absolute;
            font-size: var(--step-3);
            color: #FFF;
            height: 3rem;
            width: 3rem;
            font-family: var(--sans-serif);
            background-image: none;
            margin-top: -.5em;
        }
    
    blockquote span.quote-close {
            content: close-quote;
            display: inline;
            position: absolute;
            font-size: var(--step-3);
            color: #FFF;
            height: 3rem;
            width: 3rem;
            font-family: var(--sans-serif);
            background-image: none;
            padding-left: .25em;
            margin-top: -.5em;
        }